chore: fix security settings layout

[georgewrmarshall]

Description

This PR improves the layout of the basic security section by aligning the toggle button with the heading text. The changes include:

1. Restructuring the layout using Box components with proper alignment
2. Moving the toggle button to be inline with the heading
3. Improving the visual hierarchy by using proper Typography components
4. Maintaining the description text below with appropriate spacing

Related issues

Fixes: #26667

Manual testing steps

1. Go to Settings > Security & Privacy
2. Observe the Basic Configuration section at the top
3. Verify the toggle button is properly aligned with the heading
4. Verify the description text appears below with proper spacing

Screenshots/Recordings

Before

before720.mov

After

security.settings.after720.mov

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]

Builds ready [71f1188]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

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

Page Load Metrics (1571 ± 66 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	345	2029	1512	306	147
		domContentLoaded	1407	1946	1556	138	66
		load	1415	1975	1571	138	66
		domInteractive	22	113	45	25	12
		backgroundConnect	6	56	22	14	7
		firstReactRender	15	102	29	25	12
		getState	4	78	17	23	11
		initialActions	0	1	0	0	0
		loadScripts	1054	1456	1153	119	57
		setupStore	6	53	15	17	8
		uiStartup	1590	2236	1797	174	83

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 177 Bytes (0.00%)
• common: 0 Bytes (0.00%)

[DDDDDanica]

LGTM !

[metamaskbot]

Builds ready [48743dc]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

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

Page Load Metrics (1733 ± 70 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	257	2047	1591	420	202
		domContentLoaded	1549	2006	1703	138	66
		load	1558	2047	1733	146	70
		domInteractive	21	108	44	23	11
		backgroundConnect	9	81	30	24	12
		firstReactRender	15	99	44	31	15
		getState	5	89	21	25	12
		initialActions	0	0	0	0	0
		loadScripts	1127	1520	1248	109	52
		setupStore	6	86	21	26	13
		uiStartup	1717	2736	2098	247	118

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 177 Bytes (0.00%)
• common: 0 Bytes (0.00%)