feat: show banner for delayed bridge tx

[infiniteflower]

Description

This PR adds a banner to tell users to reach out to Support if the Bridge tx is delayed.

Related issues

Manual testing steps

1. Start a Bridge tx
2. Wait a bit
3. Banner should appear

Screenshots/Recordings

Before

After

Screen.Recording.2024-12-02.at.3.54.13.PM.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 [42e8a46]

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

Page Load Metrics (1926 ± 116 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	269	2569	1764	537	258
		domContentLoaded	1638	2483	1905	241	116
		load	1686	2501	1926	241	116
		domInteractive	23	100	39	20	10
		backgroundConnect	8	93	29	24	12
		firstReactRender	15	92	25	17	8
		getState	75	366	144	55	26
		initialActions	0	0	0	0	0
		loadScripts	1236	1954	1475	205	99
		setupStore	6	44	11	8	4
		uiStartup	1893	2915	2243	320	153

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

• background: 521 Bytes (0.01%)
• ui: 2.83 KiB (0.04%)
• common: 441 Bytes (0.01%)

[metamaskbot]

Builds ready [7b16244]

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

Page Load Metrics (1721 ± 41 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1630	1892	1736	83	40
		domContentLoaded	1552	1872	1696	83	40
		load	1564	1890	1721	86	41
		domInteractive	22	63	30	13	6
		backgroundConnect	7	66	25	20	9
		firstReactRender	15	90	22	16	8
		getState	80	378	122	60	29
		initialActions	0	1	0	0	0
		loadScripts	1168	1471	1309	82	39
		setupStore	6	12	7	1	1
		uiStartup	1778	2504	1967	150	72

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

• background: 0 Bytes (0.00%)
• ui: 1.66 KiB (0.02%)
• common: 202 Bytes (0.00%)

[ghgoodreau]

lgtm