feat: Adds Remote Mode settings screen logic

[kevinbluer]

Description

• Adds Remote Mode settings screen logic (link to screens for reference)
• Note that it stores dummy swap allowances / withdrawal limit data in localStorage which is designed to be replaced with state from the DelegationController in a future PR
• Also includes the following miscellaneous updates:
  • Updates to Swap Allowance and Withdrawal Limit cards (style and making the remove button optiona)
  • Binance and Wrapped BTC icons

Related issues

Fixes: #32150

1. Create the build (yarn webpack)
2. Go to #remote/setup-swaps and #remote/setup-daily-allowance go through the respective setup flows
3. Go to #remote and validate the settings screen
4. Revoke both the Remote Swaps and Withdrawal Limit (note this just removes the temporary entries from localStorage)
5. Designs for reference

• Note to override the vaultRemoteMode feature flag (which will implicitly default to disabled), the configuration steps are available here. Example.manifest-overrides.json:

{
  "_flags": {
    "remoteFeatureFlags": {
      "vaultRemoteMode": true
    }
  }
}

Screenshots/Recordings

Before

NA

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.

[caieu]

LGTM

[metamaskbot]

Builds ready [b0f9946]

• builds: chrome, firefox
• builds (beta): chrome
• 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, 13
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1206 ± 56 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1206	1102	1406	56	1234	1304
			load	1042	953	1185	52	1068	1146
			domContentLoaded	1036	949	1175	51	1062	1139
			domInteractive	17	14	64	7	17	27
			firstPaint	664	128	1163	416	1053	1119
			backgroundConnect	7	4	16	2	8	10
			firstReactRender	20	15	42	5	21	31
			getState	13	5	47	9	19	30
			initialActions	0	0	1	0	0	1
			loadScripts	798	716	936	50	822	894
			setupStore	7	5	16	2	8	12
	Webpack	Home	uiStartup	2092	1697	2539	170	2202	2351
			load	1618	1317	1974	132	1719	1831
			domContentLoaded	1612	1314	1958	131	1714	1826
			domInteractive	15	11	50	9	13	42
			firstPaint	178	72	565	74	214	296
			backgroundConnect	23	9	73	13	25	57
			firstReactRender	209	54	375	122	342	359
			getState	13	3	257	25	13	24
			initialActions	3	1	7	1	4	5
			loadScripts	1607	1312	1935	129	1711	1822
			setupStore	18	7	257	25	19	29
Firefox	Browserify	Home	uiStartup	1355	1160	1713	102	1421	1516
			load	1212	1027	1548	105	1279	1390
			domContentLoaded	1212	1027	1548	105	1279	1389
			domInteractive	102	36	234	33	113	161
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	19	12	48	6	21	36
			firstReactRender	22	19	51	4	23	27
			getState	7	3	30	4	8	11
			initialActions	0	0	1	0	0	1
			loadScripts	1194	1013	1528	106	1262	1370
			setupStore	6	4	40	5	6	7
	Webpack	Home	uiStartup	1507	1332	1975	119	1566	1750
			load	1282	1139	1625	97	1330	1505
			domContentLoaded	1282	1138	1624	97	1330	1504
			domInteractive	83	54	166	21	97	125
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	24	16	75	8	25	40
			firstReactRender	35	29	54	4	37	43
			getState	13	4	283	28	9	32
			initialActions	0	0	7	1	1	1
			loadScripts	1260	1124	1596	96	1307	1476
			setupStore	8	5	25	3	8	15

Bundle size diffs

• background: 0 Bytes (0%)
• ui: 9.12 KiB (0.13%)
• common: 0 Bytes (0%)