refactor: Cherry pick asset-list-control-bar updates

[gambinish]

Description

Cherry picks design updates for AssetListControlBar introduced from #28386 separately in it's own PR to help minimize diff in main feature branch.

Also includes unit test and e2e updates impacted from these changes.

Related issues

Fixes:

Manual testing steps

Run with feature flag and without feature flag:

yarn webpack --watch
PORTFOLIO_VIEW=1 yarn webpack --watch

Validate that sort works, validate that import works, validate that refresh list works.

Screenshots/Recordings

Without feature flag:

Screen.Recording.2024-11-20.at.11.15.55.AM.mov

With feature flag (network filter not yet integrated)

Screen.Recording.2024-11-20.at.11.19.12.AM.mov

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[metamaskbot]

Builds ready [f893bfb]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7
  • common: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (2119 ± 95 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1819	2711	2121	196	94
		domContentLoaded	1786	2662	2078	192	92
		load	1811	2715	2119	199	95
		domInteractive	31	226	64	41	20
		backgroundConnect	9	85	40	25	12
		firstReactRender	63	385	114	78	38
		getState	44	199	96	30	15
		initialActions	0	1	0	0	0
		loadScripts	1346	2019	1579	152	73
		setupStore	6	82	12	16	8
		uiStartup	2116	3056	2475	249	119

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 66 Bytes (0.00%)
• ui: -2.59 KiB (-0.03%)
• common: 22 Bytes (0.00%)