feat(remote-mode): add feature slide

[matallui]

Description

Add Remote Mode's feature slide, as that is the entry point for the feature.
Some changes had to be made to the slides logic to accommodate this, but the main breaking change was to the way updateSlides works.

updateSlides used to append new slides to the end of the existing ones, then recently got changed to prepend new slides to the beginning of the array. With these changes, updateSlides does indeed perform a full update to the existing slides (i.e., it will replace the existing slides). However, if any of the new slides matches an existing one, a merge is performed, thus maintaining previous properties (e.g., dismissed).

Related issues

Fixes: #31271

Manual testing steps

1. Set vaultRemoteMode: false (feature flag), and verify that slide is not present
2. Set vaultRemoteMode: true (feature flag), and verify that slide is present
3. Test different scenarios to validate slide order
4. Dismiss slides and make sure their dismissal is persistent

Screenshots/Recordings

Before

Screen.Recording.2025-04-01.at.9.33.19.AM.mov

After

Screen.Recording.2025-04-01.at.9.34.24.AM.mov

Tests

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]

✨ Files requiring CODEOWNER review ✨

🖥️ @MetaMask/wallet-ux

• ui/components/multichain/account-overview/account-overview-layout.tsx

[metamaskbot]

Builds ready [7b63ecb]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• bundle size: Bundle Size Stats
• user-actions-benchmark: User Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all CircleCI 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, 14
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1237 ± 88 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1237	1099	1526	88	1289	1405
			load	1081	954	1345	82	1199	988
			domContentLoaded	1075	950	1340	82	1192	991
			domInteractive	17	13	36	4	16	29
			firstPaint	709	136	1245	430	237	974
			backgroundConnect	10	6	30	4	9	10
			firstReactRender	19	15	50	5	19	31
			getState	11	4	32	6	7	8
			initialActions	0	0	1	0	0	0
			loadScripts	856	739	1108	79	893	958
			setupStore	7	5	25	2	7	9
	Webpack	Home	uiStartup	1004	799	1373	85	970	995
			load	843	605	989	75	894	950
			domContentLoaded	837	591	985	76	889	946
			domInteractive	15	12	44	7	14	32
			firstPaint	325	57	939	320	805	923
			backgroundConnect	18	13	57	9	16	47
			firstReactRender	17	12	160	15	16	25
			getState	5	2	19	3	5	8
			initialActions	0	0	1	0	0	0
			loadScripts	835	581	983	76	888	945
			setupStore	7	5	25	3	7	9
Firefox	Browserify	Home	uiStartup	1352	1173	1910	143	1382	1702
			load	1209	1048	1758	133	1252	1542
			domContentLoaded	1209	1048	1758	133	1252	1541
			domInteractive	95	40	210	24	90	97
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	24	16	104	12	24	44
			firstReactRender	22	19	36	3	22	28
			getState	7	3	34	4	7	9
			initialActions	0	0	1	0	0	1
			loadScripts	1187	1032	1728	132	1231	1510
			setupStore	6	4	36	3	6	8
	Webpack	Home	uiStartup	1013	854	1648	167	920	977
			load	883	750	1418	145	830	945
			domContentLoaded	883	749	1418	145	830	945
			domInteractive	114	35	205	27	143	92
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	22	13	119	15	23	32
			firstReactRender	19	16	30	3	20	27
			getState	10	4	79	10	8	9
			initialActions	0	0	1	0	0	1
			loadScripts	865	735	1396	142	822	969
			setupStore	8	5	52	7	7	9

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

• background: -73 Bytes (0%)
• ui: 534 Bytes (0.01%)
• common: 144 Bytes (0%)

[metamaskbot]

Builds ready [30b5c7a]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• bundle size: Bundle Size Stats
• user-actions-benchmark: User Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all CircleCI artifacts
• bundle viz:

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

UI Startup Metrics (1240 ± 67 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1240	1117	1489	67	1273	1375
			load	1082	969	1301	62	1134	996
			domContentLoaded	1076	966	1294	61	1166	997
			domInteractive	17	13	49	5	16	28
			firstPaint	761	129	1302	431	187	262
			backgroundConnect	10	6	54	6	9	10
			firstReactRender	18	14	36	3	19	23
			getState	12	5	34	8	7	8
			initialActions	0	0	1	0	0	1
			loadScripts	823	710	1035	62	845	938
			setupStore	8	5	19	2	7	8
	Webpack	Home	uiStartup	2153	1729	2744	197	2293	2397
			load	1674	1316	2085	173	1773	1999
			domContentLoaded	1669	1312	2061	172	1768	1991
			domInteractive	18	12	90	13	14	49
			firstPaint	161	71	358	58	234	77
			backgroundConnect	29	11	89	14	36	53
			firstReactRender	177	53	374	109	57	90
			getState	11	4	34	6	6	8
			initialActions	3	1	7	1	4	6
			loadScripts	1661	1308	2036	170	1762	1969
			setupStore	24	6	415	49	32	8
Firefox	Browserify	Home	uiStartup	1366	1184	1923	162	1398	1766
			load	1220	1058	1760	155	1255	1628
			domContentLoaded	1220	1058	1759	155	1255	1628
			domInteractive	98	40	180	22	93	98
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	30	17	170	22	29	52
			firstReactRender	23	19	50	5	23	31
			getState	7	4	27	3	7	9
			initialActions	0	0	1	0	0	1
			loadScripts	1192	1038	1732	151	1235	1578
			setupStore	9	4	229	23	6	9
	Webpack	Home	uiStartup	1517	1319	2080	158	1551	1912
			load	1312	1144	1864	148	1340	1685
			domContentLoaded	1312	1143	1863	148	1340	1685
			domInteractive	95	38	170	21	88	96
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	24	17	51	6	26	35
			firstReactRender	35	28	54	6	39	46
			getState	8	4	35	6	8	9
			initialActions	0	0	2	1	1	1
			loadScripts	1290	1118	1840	147	1319	1663
			setupStore	8	5	51	6	8	9

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

• background: -73 Bytes (0%)
• ui: 534 Bytes (0.01%)
• common: 144 Bytes (0%)

[vinnyhoward]

Reviewed and tested this PR. Code changes look good and all functionality works as expected. Approved.