chore: remove MMI UI code

[shane-t]

Description

As part of the MMI deprecation and code removal, it's necessary to remove the fenced UI code before the background code, since the UI code is lower in the dependency chain.

This PR removes any code that's inside a @build-mmi code fence. In order to satisfy various requirements this also means removing unused imports, which the PR also deletes.

The PR also removes tests (which have never been code fenced) because in many cases they are caused by fenced code.

In addition, any non-fenced code which is known to be MMI specific is removed.

It does not remove inverse MMI code fences, i.e. fences which are there to stop things running in MMI and are now redundant. This is for the sake of keeping the PR a bit smaller. Those will be removed in the next PR.

Related issues

Fixes: #29782

Manual testing steps

Not applicable, as no new feature is added. However, many/most UI features are touched.

Screenshots/Recordings

Before

After

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.

[metamaskbot]

Builds ready [9d8b59d]

• 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, 13
  • content-script: 0
  • offscreen: 0

Page Load Metrics (2066 ± 269 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1406	3215	2073	565	272
		domContentLoaded	1398	3055	2032	536	257
		load	1406	3099	2066	559	269
		domInteractive	24	164	65	49	23
		backgroundConnect	11	131	47	35	17
		firstReactRender	16	95	43	24	11
		getState	5	78	22	22	11
		initialActions	0	0	0	0	0
		loadScripts	1003	2361	1531	456	219
		setupStore	6	54	24	18	9
		uiStartup	1619	3646	2388	640	307

Bundle size diffs [🚀 Bundle size reduced!]

• background: -120 Bytes (-0.00%)
• ui: -9.18 KiB (-0.12%)
• common: -341 Bytes (-0.00%)

[shane-t]

The snaps SDK exports a type that contains this, so we can't remove this without causing typescript errors

[metamaskbot]

Builds ready [749bfb1]

• 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, 13
  • content-script: 0
  • offscreen: 0

Page Load Metrics (1869 ± 86 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	241	2407	1792	398	191
		domContentLoaded	1660	2382	1831	184	88
		load	1682	2399	1869	180	86
		domInteractive	26	102	42	22	11
		backgroundConnect	16	139	50	30	15
		firstReactRender	16	95	43	28	13
		getState	7	75	27	22	10
		initialActions	0	1	0	0	0
		loadScripts	1171	1874	1345	175	84
		setupStore	7	79	19	20	10
		uiStartup	1961	2685	2177	220	106

Bundle size diffs [🚀 Bundle size reduced!]

• background: 0 Bytes (0.00%)
• ui: -9.18 KiB (-0.12%)
• common: -5.63 KiB (-0.06%)

[metamaskbot]

Builds ready [c407b74]

• 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, 13
  • content-script: 0
  • offscreen: 0

Page Load Metrics (1688 ± 91 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	273	2154	1614	359	172
		domContentLoaded	1435	2129	1659	173	83
		load	1479	2199	1688	189	91
		domInteractive	24	108	38	23	11
		backgroundConnect	8	95	30	24	11
		firstReactRender	16	94	45	28	13
		getState	4	90	20	24	12
		initialActions	0	1	0	0	0
		loadScripts	1015	1648	1190	147	71
		setupStore	7	81	18	21	10
		uiStartup	1671	2651	1972	298	143

Bundle size diffs [🚀 Bundle size reduced!]

• background: 0 Bytes (0.00%)
• ui: -9.15 KiB (-0.11%)
• common: -5.63 KiB (-0.06%)