feat: add custom network modal form

[salimtb]

Description

the custom add network form flow is now available on the modal

Related issues

Fixes:

Manual testing steps

1. Run yarn && ENABLE_NETWORK_UI_REDESIGN=1 yarn start
2. Go to Settings -> Developer Options
3. Tun on the network new toggle
4. Go to the wallet page
5. Click on the network button ( see the video below )
6. you should see the list of popular network
   7.click on add network ( you should see the network form )

Screenshots/Recordings

Before

before-add.mov

After

custom-add-afer.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 [1e8a7de]

• 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, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (236 ± 268 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	76	229	93	32	15
		domContentLoaded	9	15	12	1	1
		load	41	2227	236	558	268
		domInteractive	9	15	12	1	1

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

• background: -25.32 KiB (-0.73%)
• ui: 9.84 KiB (0.14%)
• common: 25.41 KiB (0.40%)

[codecov]

Codecov Report

Attention: Patch coverage is 57.37705% with 26 lines in your changes missing coverage. Please review.

Project coverage is 65.38%. Comparing base (c306f20) to head (2aa6a48).

Files	Patch %	Lines
.../multichain/network-list-menu/network-list-menu.js	54.55%	20 Missing ⚠️
...ttings/networks-tab/networks-form/networks-form.js	70.00%	3 Missing ⚠️
...menu/popular-network-list/popular-network-list.tsx	0.00%	2 Missing ⚠️
...i/pages/onboarding-flow/add-network-modal/index.js	80.00%	1 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #25213      +/-   ##
===========================================
- Coverage    65.40%   65.38%   -0.01%     
===========================================
  Files         1382     1382              
  Lines        54736    54765      +29     
  Branches     14353    14367      +14     
===========================================
+ Hits         35795    35807      +12     
- Misses       18941    18958      +17     

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

[metamaskbot]

Builds ready [1e8a7de]

• 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, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (236 ± 268 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	76	229	93	32	15
		domContentLoaded	9	15	12	1	1
		load	41	2227	236	558	268
		domInteractive	9	15	12	1	1

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

• background: -25.32 KiB (-0.73%)
• ui: 9.84 KiB (0.14%)
• common: 25.41 KiB (0.40%)

[metamaskbot]

Builds ready [1e8a7de]

• 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, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (236 ± 268 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	76	229	93	32	15
		domContentLoaded	9	15	12	1	1
		load	41	2227	236	558	268
		domInteractive	9	15	12	1	1

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

• background: -25.32 KiB (-0.73%)
• ui: 9.84 KiB (0.14%)
• common: 25.41 KiB (0.40%)

[bergeron]

worked locally, was able to add a new network from the modal

The base branch was changed.

[metamaskbot]

Builds ready [2aa6a48]

• 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, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (126 ± 156 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	71	103	84	8	4
		domContentLoaded	9	15	11	2	1
		load	42	1543	126	325	156
		domInteractive	9	15	11	2	1

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

• background: 0 Bytes (0.00%)
• ui: 2.37 KiB (0.03%)
• common: 247 Bytes (0.00%)

[metamaskbot]

Builds ready [2aa6a48]

• 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, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (126 ± 156 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	71	103	84	8	4
		domContentLoaded	9	15	11	2	1
		load	42	1543	126	325	156
		domInteractive	9	15	11	2	1

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

• background: 0 Bytes (0.00%)
• ui: 2.37 KiB (0.03%)
• common: 247 Bytes (0.00%)