fix: display network switch notification for bridge screen

[vinistevam]

Description

This PR aims to display the network switch notification when users try to bridge a token on a network other than the current selected one, informing the user that a switch network hanppended.

Related issues

Fixes: #30925

Manual testing steps

1. Enable Popular network view
2. Select a token on a network other than the current selected one
3. Start Bridge

Screenshots/Recordings

switch-notification.webm

Before

After

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.

[hesterbruikman]

@vinistevam would this switch notification continue to appear when there is no 'actual' network switch? I believe there is benefit in giving the user feedback of the network that they will interact with based on the token selection also in the case of having no global network.

I ask because Wallet UX is working on removing the GNS and I'd like to understand if this toast will remain visible.

[vinistevam]

@vinistevam would this switch notification continue to appear when there is no 'actual' network switch? I believe there is benefit in giving the user feedback of the network that they will interact with based on the token selection also in the case of having no global network.

I ask because Wallet UX is working on removing the GNS and I'd like to understand if this toast will remain visible.

@hesterbruikman
If there is no network switch this notification won't be displayed, it's part of the current logic. This PR is specifically addressing a missing condition so it was set to display as the extension switches the network but the notification was not visible when the user is on the bridge screen.

[metamaskbot]

Builds ready [cdeddc6]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (MMI): chrome
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

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

Page Load Metrics (3558 ± 1106 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1789	12824	3258	2278	1094
		domContentLoaded	1704	12544	2890	2275	1092
		load	1802	13048	3558	2303	1106
		domInteractive	28	1171	121	244	117
		backgroundConnect	111	1515	613	333	160
		firstReactRender	43	236	106	46	22
		getState	36	743	275	172	83
		initialActions	0	1	0	0	0
		loadScripts	1283	11349	2160	2139	1027
		setupStore	18	482	139	113	54
		uiStartup	2322	15135	6514	3533	1697

Bundle size diffs

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