fix: multichain accounts minor UX bugs cp-13.0.0

[gantunesr]

Description

This PR solves 2 issues,

1. Navigation between the screens of wallet details, account details, and QR code. The account details must return to the wallet screen regardless of the wallet details screen to avoid infinite navigation loops.
2. The ShowHideToggle in the import SRP screen was glued to the input box, this adds a padding between both components.

Changelog

CHANGELOG entry: Fixes navigation between multichain account screens
CHANGELOG entry: Fixes padding between ShowHideToggle and TextField in ImportSrp screen

Related issues

Fixes: #34607

Manual testing steps

Bug 1

1. Navigate Account List > Wallet Detail > Account Detail > QR Code
2. Navigate back until you get back to Wallet view. It should skip the Wallet Detail and Account List

Bug 2

1. Navigate to import SRP
2. Notice the style of ShowHideToggle is fixed

Screenshots/Recordings

Before

Check linked issue: #34607

After

Bug 1

Screen.Recording.2025-07-25.at.6.40.10.PM.mov

Bug 2

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]

✨ Files requiring CODEOWNER review ✨

🔑 @MetaMask/accounts-engineers (2 files, +7 -7)

• 📁 ui/
  • 📁 pages/
    • 📁 multichain-accounts/
      • 📁 base-account-details/
        • 📄 base-account-details.test.tsx +6 -6
        • 📄 base-account-details.tsx +1 -1

[metamaskbot]

Builds ready [0ac7095]

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

UI Startup Metrics (1305 ± 58 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1305	1174	1557	58	1332	1404
			load	1128	984	1440	60	1161	1223
			domContentLoaded	1120	978	1437	63	1155	1213
			domInteractive	18	14	46	7	17	40
			firstPaint	689	78	1222	459	1136	1185
			backgroundConnect	254	239	355	13	257	273
			firstReactRender	20	14	68	7	21	34
			getState	10	3	80	11	12	29
			initialActions	2	0	16	3	1	13
			loadScripts	873	742	1190	62	907	957
			setupStore	7	3	25	3	6	12
	Webpack	Home	uiStartup	2441	1905	2992	206	2543	2910
			load	1951	1413	2591	218	2060	2355
			domContentLoaded	1941	1405	2568	212	2049	2305
			domInteractive	23	13	220	31	15	68
			firstPaint	166	62	415	70	189	359
			backgroundConnect	48	14	302	74	32	289
			firstReactRender	153	90	339	52	183	249
			getState	23	4	434	63	11	236
			initialActions	9	2	174	24	6	14
			loadScripts	1934	1401	2436	204	2047	2292
			setupStore	17	6	230	30	16	26
Firefox	Browserify	Home	uiStartup	1454	1266	2126	154	1467	1816
			load	1261	1109	1592	94	1298	1474
			domContentLoaded	1261	1109	1592	94	1298	1474
			domInteractive	104	37	305	53	105	276
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	26	14	168	18	27	46
			firstReactRender	26	19	62	8	28	50
			getState	11	3	177	21	9	38
			initialActions	3	0	16	4	2	13
			loadScripts	1238	1093	1566	87	1279	1416
			setupStore	12	3	205	29	7	32
	Webpack	Home	uiStartup	1736	1527	2393	165	1823	2042
			load	1473	1272	1911	126	1575	1691
			domContentLoaded	1473	1272	1911	126	1574	1690
			domInteractive	106	34	395	54	109	172
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	30	20	245	24	32	59
			firstReactRender	53	41	66	5	56	62
			getState	10	3	211	21	10	18
			initialActions	8	0	210	25	3	29
			loadScripts	1448	1252	1725	120	1551	1662
			setupStore	15	4	250	31	10	55

Benchmark value 1305 exceeds gate value 1234 for chrome browserify home mean uiStartup
Benchmark value 1129 exceeds gate value 1070 for chrome browserify home mean load
Benchmark value 1120 exceeds gate value 1061 for chrome browserify home mean domContentLoaded
Benchmark value 254 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 2 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 874 exceeds gate value 830 for chrome browserify home mean loadScripts
Benchmark value 1404 exceeds gate value 1365 for chrome browserify home p95 uiStartup
Benchmark value 1223 exceeds gate value 1190 for chrome browserify home p95 load
Benchmark value 1213 exceeds gate value 1180 for chrome browserify home p95 domContentLoaded
Benchmark value 1185 exceeds gate value 1180 for chrome browserify home p95 firstPaint
Benchmark value 273 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 13 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 958 exceeds gate value 940 for chrome browserify home p95 loadScripts
Benchmark value 2442 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 1952 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 1942 exceeds gate value 1704 for chrome webpack home mean domContentLoaded
Benchmark value 23 exceeds gate value 21 for chrome webpack home mean domInteractive
Benchmark value 49 exceeds gate value 40 for chrome webpack home mean backgroundConnect
Benchmark value 9 exceeds gate value 7 for chrome webpack home mean initialActions
Benchmark value 1934 exceeds gate value 1699 for chrome webpack home mean loadScripts
Benchmark value 2910 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 2356 exceeds gate value 2030 for chrome webpack home p95 load
Benchmark value 2306 exceeds gate value 2005 for chrome webpack home p95 domContentLoaded
Benchmark value 68 exceeds gate value 57 for chrome webpack home p95 domInteractive
Benchmark value 360 exceeds gate value 334 for chrome webpack home p95 firstPaint
Benchmark value 290 exceeds gate value 90 for chrome webpack home p95 backgroundConnect
Benchmark value 236 exceeds gate value 195 for chrome webpack home p95 getState
Benchmark value 14 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 2292 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 1455 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 1261 exceeds gate value 1245 for firefox browserify home mean load
Benchmark value 1261 exceeds gate value 1239 for firefox browserify home mean domContentLoaded
Benchmark value 26 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 27 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 4 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 1239 exceeds gate value 1230 for firefox browserify home mean loadScripts
Benchmark value 12 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 1816 exceeds gate value 1660 for firefox browserify home p95 uiStartup
Benchmark value 276 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 38 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 13 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 32 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 1736 exceeds gate value 1615 for firefox webpack home mean uiStartup
Benchmark value 1474 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1473 exceeds gate value 1380 for firefox webpack home mean domContentLoaded
Benchmark value 106 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 31 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 53 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 9 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 1449 exceeds gate value 1360 for firefox webpack home mean loadScripts
Benchmark value 15 exceeds gate value 13 for firefox webpack home mean setupStore
Benchmark value 2042 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 1691 exceeds gate value 1660 for firefox webpack home p95 load
Benchmark value 1690 exceeds gate value 1660 for firefox webpack home p95 domContentLoaded
Benchmark value 172 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 59 exceeds gate value 49 for firefox webpack home p95 backgroundConnect
Benchmark value 62 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 29 exceeds gate value 2 for firefox webpack home p95 initialActions
Benchmark value 1662 exceeds gate value 1630 for firefox webpack home p95 loadScripts
Benchmark value 55 exceeds gate value 28 for firefox webpack home p95 setupStore
Sum of mean exceeds: 1994ms | Sum of p95 exceeds: 2643.8ms
Sum of all benchmark exceeds: 4637.8ms

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

• background: 38 Bytes (0%)
• ui: 28 Bytes (0%)
• common: 15 Bytes (0%)

[gantunesr]

Closed in favour of #34679