feat: enable signatures redesign new users

[cryptotavares]

Description

🎉 Initial release for signatures redesign 🎉

Users will be able to toggle into the new confirmation pages for personal and typed data signatures. New users will have it enabled by default.

Related issues

Fixes: #24312

Manual testing steps

[Existing user:]

1. Go to experimental settings
2. Enable Improved signature requests
3. Go to test-dapp and test both personal sign and typed data sign (v1, v3 and v4)

[New installation]

1. Remove the wallet and its data
2. Install it clean
3. Go through onboarding
4. Go to test-dapp and test both personal sign and typed data sign (v1, v3 and v4)

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.

[digiwand]

[in and partially out of scope]

would be nice to move these above the snaps experimental settings. We should update the references as well. Looks like the snaps one has gotten out of order. With this change, we should have

  // experimental settingsRefs[0]
  {
    tabMessage: (t) => t('experimental'),
    sectionMessage: (t) => t('petnamesEnabledToggle'),
    descriptionMessage: (t) => t('petnamesEnabledToggleDescription'),
    route: `${EXPERIMENTAL_ROUTE}#nicknames`,
    icon: 'fas fa-flask',
  },
  // experimental settingsRefs[1]
  {
    tabMessage: (t) => t('experimental'),
    sectionMessage: (t) => t('notificationsFeatureToggle'),
    descriptionMessage: (t) => t('notificationsFeatureToggleDescription'),
    route: `${EXPERIMENTAL_ROUTE}#notifications`,
    icon: 'fas fa-flask',
  },
  // experimental settingsRefs[2]
  {
    tabMessage: (t) => t('experimental'),
    sectionMessage: (t) => t('redesignedConfirmationsEnabledToggle'),
    descriptionMessage: (t) => t('redesignedConfirmationsToggleDescription'),
    route: `${EXPERIMENTAL_ROUTE}#redesigned-confirmations`,
    icon: 'fas fa-flask',
  },
  ///: BEGIN:ONLY_INCLUDE_IF(keyring-snaps)
  // since this route is only included with keyring-snaps feature flag, this needs to be the last settingsRef for the experimental tab
  // experimental settingsRefs[3]
  {
    tabMessage: (t) => t('experimental'),
    sectionMessage: (t) => t('snaps'),
    descriptionMessage: (t) => t('addSnapAccountToggle'),
    route: `${EXPERIMENTAL_ROUTE}#snaps`,
    icon: 'fas fa-flask',
  },

then the refs in ui/pages/settings/experimental-tab/experimental-tab.component.js should be updated appropriately

[digiwand]

Lgtm! minor comment above that can be handled in a separate PR
https://github.com/MetaMask/metamask-extension/pull/24466/files#r1595902839

[codecov]

Codecov Report

Attention: Patch coverage is 50.00000% with 3 lines in your changes are missing coverage. Please review.

Project coverage is 67.43%. Comparing base (6813ea0) to head (689d58a).
Report is 1 commits behind head on develop.

Files	Patch %	Lines
ui/pages/confirmations/utils/confirm.ts	50.00%	2 Missing ⚠️
app/scripts/metamask-controller.js	0.00%	1 Missing ⚠️

Additional details and impacted files

@@           Coverage Diff            @@
##           develop   #24466   +/-   ##
========================================
  Coverage    67.43%   67.43%           
========================================
  Files         1286     1286           
  Lines        50105    50101    -4     
  Branches     12995    12991    -4     
========================================
- Hits         33787    33785    -2     
+ Misses       16318    16316    -2     

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

[metamaskbot]

Builds ready [689d58a]

• 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 (793 ± 539 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	65	140	87	25	12
		domContentLoaded	8	26	12	4	2
		load	53	2868	793	1122	539
		domInteractive	8	26	12	4	2

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

• background: 77 Bytes (0.00%)
• ui: 858 Bytes (0.01%)
• common: -66 Bytes (-0.00%)

[metamaskbot]

Missing release label release-11.17.0 on PR. Adding release label release-11.17.0 on PR and removing other release labels(release-11.18.0), as PR was added to branch 11.17.0 when release was cut.