feat: adds the new default settings view to onboarding

[zone-live]

Description

Introduces the new Default Settings view and Congratulations views depending on the fact if user imported a wallet or created a new one.

User imported a wallet:

User created a new wallet and backed up the seed phrase:

User created a new wallet and didn’t back up the seed phrase:

Inside look on the Default Settings:

Related issues

Fixes:

Manual testing steps

1. Go to this page...

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask 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 [a81133f]

• 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, 2, 3, 4, 5, 6, 7, 8
  • content-script: 0
  • ui: 0, 1, 10, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1002 ± 551 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	61	140	92	19	9
		domContentLoaded	9	30	14	6	3
		load	57	2564	1002	1147	551
		domInteractive	9	30	14	6	3

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

• background: 0 Bytes (0.00%)
• ui: 4.01 KiB (0.06%)
• common: 647 Bytes (0.01%)

[metamaskbot]

Builds ready [cf34cc7]

• 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, 2, 3, 4, 5, 6, 7, 8
  • content-script: 0
  • ui: 0, 1, 10, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (803 ± 539 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	60	193	95	31	15
		domContentLoaded	9	64	16	13	6
		load	48	2825	803	1122	539
		domInteractive	9	64	16	13	6

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

• background: 0 Bytes (0.00%)
• ui: 4.01 KiB (0.06%)
• common: 647 Bytes (0.01%)

[metamaskbot]

Builds ready [eb245b7]

• 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
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (102 ± 119 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	67	99	77	7	4
		domContentLoaded	8	12	9	1	0
		load	40	1183	102	248	119
		domInteractive	8	12	9	1	0

[codecov]

Codecov Report

Attention: Patch coverage is 83.78378% with 12 lines in your changes missing coverage. Please review.

Project coverage is 65.74%. Comparing base (5d54e8b) to head (317f8e9).

❗ Current head 317f8e9 differs from pull request most recent head 6e7b8e6

Please upload reports for the commit 6e7b8e6 to get more accurate results.

Files	Patch %	Lines
...boarding-flow/privacy-settings/privacy-settings.js	76.47%	12 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #24562      +/-   ##
===========================================
+ Coverage    65.67%   65.74%   +0.07%     
===========================================
  Files         1359     1369      +10     
  Lines        54015    54445     +430     
  Branches     14017    14184     +167     
===========================================
+ Hits         35469    35791     +322     
- Misses       18546    18654     +108     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[darkwing]

Just added a few quick nits, overall looks great!

[metamaskbot]

Builds ready [317f8e9]

• 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
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (154 ± 186 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	75	132	98	15	7
		domContentLoaded	9	26	14	4	2
		load	45	1843	154	388	186
		domInteractive	9	26	14	4	2

[yanrong-chen]

Overall it looks great!
Design QA:

1. When I click back button on the default settings page, it automatically ends the onboarding flow
2. On "Assets" page, "Show incoming transactions" is not using the same text as other headers.
   

Also, it will be great if we can:

1. For "Your wallet is ready" screen, combine the sentences into 1 paragraph and highlight only "Learn more" (Sorry I might not have specified that earlier)

2. On default settings page, expand the touch area to be not just the title, but the entire cell

[metamaskbot]

Builds ready [6e7b8e6]

• 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
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (129 ± 151 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	63	166	89	21	10
		domContentLoaded	8	31	12	6	3
		load	42	1494	129	313	151
		domInteractive	8	31	12	6	3

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

• background: 0 Bytes (0.00%)
• ui: 4.9 KiB (0.07%)
• common: 671 Bytes (0.01%)

[zone-live]

@yanrong-chen I've updated the UI, and addressed the other points as well 👍🏼