refactor: remove circular dependencies from ui/components/*

[davidmurdoch]

This PR solves an issue with circular dependencies. It does not change the behavior of the application. It only rearranges functions/files to avoid circular references.

[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 [b8a297c]

• 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, 8
  • 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 (1798 ± 89 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	317	2135	1710	366	176
		domContentLoaded	1505	2116	1768	179	86
		load	1513	2139	1798	184	89
		domInteractive	15	78	37	15	7
		backgroundConnect	9	90	34	26	12
		firstReactRender	15	94	32	23	11
		getState	5	62	24	22	10
		initialActions	0	1	0	0	0
		loadScripts	1059	1609	1275	150	72
		setupStore	8	69	16	18	9
		uiStartup	1717	2459	2066	200	96

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 784 Bytes (0.01%)
• common: 0 Bytes (0.00%)

[metamaskbot]

Builds ready [f2fd0d8]

• 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 (1797 ± 48 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	251	1943	1714	347	167
		domContentLoaded	1611	1899	1765	89	43
		load	1625	1948	1797	100	48
		domInteractive	26	205	52	41	20
		backgroundConnect	10	143	40	32	16
		firstReactRender	15	98	37	26	13
		getState	6	58	15	13	6
		initialActions	0	1	0	0	0
		loadScripts	1134	1435	1288	85	41
		setupStore	8	87	32	30	14
		uiStartup	1881	2677	2109	199	95

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 784 Bytes (0.01%)
• common: 0 Bytes (0.00%)

[dbrans]

LGTM!

[metamaskbot]

Builds ready [6df4f41]

• 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 (1615 ± 98 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1374	2132	1614	212	102
		domContentLoaded	1341	2050	1577	209	100
		load	1373	2057	1615	203	98
		domInteractive	23	117	46	28	13
		backgroundConnect	9	225	39	45	22
		firstReactRender	14	87	29	22	11
		getState	4	119	21	29	14
		initialActions	0	1	0	0	0
		loadScripts	954	1589	1151	193	92
		setupStore	7	72	19	19	9
		uiStartup	1579	2365	1864	216	104

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 784 Bytes (0.01%)
• common: 0 Bytes (0.00%)

[metamaskbot]

Builds ready [bced044]

• 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 (1749 ± 159 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1465	2786	1746	335	161
		domContentLoaded	1455	2770	1717	319	153
		load	1466	2841	1749	332	159
		domInteractive	26	89	47	22	11
		backgroundConnect	10	85	31	21	10
		firstReactRender	14	69	27	19	9
		getState	5	71	26	25	12
		initialActions	0	1	0	0	0
		loadScripts	1022	2215	1254	289	139
		setupStore	8	69	15	15	7
		uiStartup	1680	3102	1984	345	166

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 747 Bytes (0.01%)
• common: 0 Bytes (0.00%)