feat: Aggregated multichain balance (Flask)

[gambinish]

Description

Adds aggregated balance to coin-overview under flask builds.

I've opted to begin a new component AggregatedBalance to handle the value here. The existing coin-overview -> UserPreferencedCurrencyDisplay -> currencyDisplay -> useCurrencyDisplay -> currency-formatter chain felt like it was a lot of abstraction for what the component needed to do. I'm maintaining the existing abstraction with LegacyAggregatedBalance for evm, but hoping that we can slowly migrate to this new component shortly.

Related issues

Fixes: Solana effort

Manual testing steps

1. When "Show native currency as primary balance" toggle is true, SOL native token balance will display
2. When false, aggregated fiat balance of all SPL tokens will display

Screenshots/Recordings

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 [016a843]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (MMI): chrome
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

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

Page Load Metrics (1885 ± 97 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1476	2321	1885	203	97
		domContentLoaded	1468	2278	1851	190	91
		load	1488	2319	1885	202	97
		domInteractive	26	162	55	36	17
		backgroundConnect	10	98	34	25	12
		firstReactRender	14	80	27	17	8
		getState	4	88	21	23	11
		initialActions	0	0	0	0	0
		loadScripts	1041	1710	1375	165	79
		setupStore	8	80	19	19	9
		uiStartup	1768	2611	2138	222	107

[metamaskbot]

Builds ready [4e46673]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (MMI): chrome
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

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

Page Load Metrics (1468 ± 26 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1358	1597	1464	62	30
		domContentLoaded	1348	1587	1446	58	28
		load	1361	1599	1468	55	26
		domInteractive	20	79	33	15	7
		backgroundConnect	12	60	22	11	5
		firstReactRender	14	72	29	22	10
		getState	6	66	20	20	10
		initialActions	0	1	0	0	0
		loadScripts	962	1213	1058	58	28
		setupStore	7	64	18	19	9
		uiStartup	1542	1813	1665	57	27

[metamaskbot]

Builds ready [5823363]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (MMI): chrome
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

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

Page Load Metrics (1800 ± 99 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	272	2326	1554	545	262
		domContentLoaded	1508	2249	1771	211	101
		load	1529	2258	1800	206	99
		domInteractive	29	145	46	32	15
		backgroundConnect	12	94	39	23	11
		firstReactRender	15	91	36	24	11
		getState	5	80	22	26	12
		initialActions	0	1	0	0	0
		loadScripts	1104	1788	1322	184	89
		setupStore	7	57	19	17	8
		uiStartup	1756	2553	2077	245	118

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

• background: 0 Bytes (0.00%)
• ui: 4.91 KiB (0.06%)
• common: 142 Bytes (0.00%)

[sahar-fehri]

Great work! Should this also be used in the account-list-item component to similarly display the aggregated fiat balance for the solana account?