chore: limit bridge quote request frequency and cancel requests

[micaelae]

Description

Changes

• fetch-with-timeout.ts: accept additional abort signals as arguments and apply them
• reset bridge state on page load and unload
• reset quotes when inputs change
• abort getQuote requests when inputs change or when page loads/unloads
• limit quote refreshes based on feature flag

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/MMS-1448

Manual testing steps

1. Request bridge quotes
2. Click "Switch" button and verify that new quotes with updated params are requested/shown
3. Verify that bridge parameters are reset when extension is reopened
4. Verify that requests are cancelled in the background when the inputs are updated
5. Quotes should only be fetched once if srcAmount > balance

Screenshots/Recordings

Before

N/A

After

Screen.Recording.2024-10-21.at.4.39.47.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 [a8d45e0]

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

Page Load Metrics (1871 ± 147 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	325	2847	1707	545	262
		domContentLoaded	1560	2738	1849	305	146
		load	1569	2785	1871	307	147
		domInteractive	16	132	55	26	13
		backgroundConnect	7	65	30	21	10
		firstReactRender	47	287	117	55	26
		getState	4	56	16	18	9
		initialActions	0	0	0	0	0
		loadScripts	1118	2039	1370	235	113
		setupStore	10	63	26	20	9
		uiStartup	1771	3149	2125	352	169

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

• background: 1.76 KiB (0.04%)
• ui: 326 Bytes (0.00%)
• common: 1.54 KiB (0.02%)

[metamaskbot]

Builds ready [7e32668]

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

Page Load Metrics (1814 ± 83 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1622	2451	1815	168	81
		domContentLoaded	1602	2373	1782	161	77
		load	1620	2461	1814	172	83
		domInteractive	16	223	50	43	21
		backgroundConnect	9	85	37	22	11
		firstReactRender	50	208	106	39	19
		getState	4	87	20	24	11
		initialActions	0	1	0	0	0
		loadScripts	1133	1399	1281	83	40
		setupStore	6	91	14	20	10
		uiStartup	1809	2645	2056	196	94

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

• background: 1.93 KiB (0.04%)
• ui: 326 Bytes (0.00%)
• common: 1.54 KiB (0.02%)

[metamaskbot]

Builds ready [4554864]

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

Page Load Metrics (1940 ± 85 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1745	2415	1942	172	83
		domContentLoaded	1701	2301	1903	158	76
		load	1746	2416	1940	177	85
		domInteractive	23	231	66	42	20
		backgroundConnect	9	114	37	30	15
		firstReactRender	51	293	111	53	25
		getState	4	53	14	14	7
		initialActions	0	1	0	0	0
		loadScripts	1257	1700	1410	121	58
		setupStore	6	70	17	20	10
		uiStartup	1957	2747	2175	189	91

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

• background: 1.93 KiB (0.04%)
• ui: 326 Bytes (0.00%)
• common: 1.54 KiB (0.02%)