refactor: remove circular dependencies in ui/components/component-library/*

[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.

This PR changes some imports to import type { ... } imports, which don't count for circular dependencies, and changes other from referencing it's own parent index.ts file to just referencing the main file with the component it needs directly.

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

• 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 (1853 ± 93 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1524	2250	1866	191	91
		domContentLoaded	1517	2189	1822	173	83
		load	1526	2254	1853	194	93
		domInteractive	25	74	39	14	7
		backgroundConnect	8	187	31	40	19
		firstReactRender	15	181	39	37	18
		getState	4	73	26	22	11
		initialActions	0	1	0	0	0
		loadScripts	1114	1684	1338	148	71
		setupStore	8	61	18	17	8
		uiStartup	1755	2674	2142	238	114

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

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

[metamaskbot]

Builds ready [7079e67]

• 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 (1708 ± 77 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1463	2239	1713	160	77
		domContentLoaded	1452	2203	1672	155	74
		load	1461	2242	1708	161	77
		domInteractive	25	81	38	18	8
		backgroundConnect	11	80	40	26	12
		firstReactRender	15	96	35	25	12
		getState	6	70	20	19	9
		initialActions	0	1	0	0	0
		loadScripts	1043	1611	1215	121	58
		setupStore	8	13	10	2	1
		uiStartup	1728	2494	1952	171	82

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

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

[metamaskbot]

Builds ready [d2c365d]

• 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 (1626 ± 62 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1459	1884	1632	126	60
		domContentLoaded	1440	1840	1601	121	58
		load	1448	1883	1626	129	62
		domInteractive	24	114	47	30	14
		backgroundConnect	9	54	27	17	8
		firstReactRender	15	83	33	25	12
		getState	5	48	14	15	7
		initialActions	0	1	0	0	0
		loadScripts	981	1354	1153	111	53
		setupStore	7	54	11	10	5
		uiStartup	1625	2070	1841	136	65

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

• background: 0 Bytes (0.00%)
• ui: 666 Bytes (0.01%)
• common: 5.39 KiB (0.06%)

[metamaskbot]

Builds ready [33d3e11]

• 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 (1727 ± 61 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	168	2027	1643	358	172
		domContentLoaded	1520	1994	1693	117	56
		load	1531	2073	1727	126	61
		domInteractive	24	95	41	21	10
		backgroundConnect	9	83	33	27	13
		firstReactRender	15	73	37	23	11
		getState	5	63	13	15	7
		initialActions	0	1	0	0	0
		loadScripts	1062	1512	1227	97	47
		setupStore	8	54	16	15	7
		uiStartup	1741	2300	1946	142	68

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

• background: 0 Bytes (0.00%)
• ui: 666 Bytes (0.01%)
• common: 5.39 KiB (0.06%)

[georgewrmarshall]

LGTM! Apologies for introducing these