feat: Add origin throttling modal

[OGPoyraz]

Description

This PR brings origin throttling modal functionality which is done in the mobile MetaMask/metamask-mobile#10082

The PR also needs an ApprovalController to be updated in order to subscribe the accepted and rejected approvals to handle user rejected approvals.

Core PR: MetaMask/core#5127

Related issues

Fixes: https://github.com/MetaMask/MetaMask-planning/issues/3344
First mobile task: https://github.com/MetaMask/MetaMask-planning/issues/1822

Manual testing steps

1. Go to test-dapp
2. Trigger 2x sign/transaction and reject
3. See modal appear on the third rejection
4. Click "cancel" to ignore this modal and behaviour
5. Trigger 2x sign/transaction and reject
6. See modal appear on the third rejection
7. Click "Temporarily block this site" and "Got It"
8. Try sign/transaction - they will be blocked without error since they are considered & marked as "spam" by user
9. Wait 1 minute to trigger or reset the situation

Screenshots/Recordings

origin.throttling.modal.mov

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.

[metamaskbot]

Builds ready [68df0e0]

• 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
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • content-script: 0
  • offscreen: 0

Page Load Metrics (1916 ± 104 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	418	2457	1766	495	238
		domContentLoaded	1502	2385	1898	214	103
		load	1506	2430	1916	218	104
		domInteractive	26	99	46	24	12
		backgroundConnect	5	65	21	19	9
		firstReactRender	16	104	52	29	14
		getState	6	63	22	18	9
		initialActions	0	1	0	0	0
		loadScripts	1113	1846	1438	189	91
		setupStore	6	69	18	19	9
		uiStartup	1814	2809	2244	283	136

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

• background: 2.47 KiB (0.04%)
• ui: 6.37 KiB (0.08%)
• common: 2.38 KiB (0.03%)

[metamaskbot]

Builds ready [6755df8]

• 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
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • content-script: 0
  • offscreen: 0

Page Load Metrics (1582 ± 60 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	318	1828	1505	292	140
		domContentLoaded	1371	1854	1569	124	59
		load	1376	1862	1582	124	60
		domInteractive	21	103	34	19	9
		backgroundConnect	8	52	20	15	7
		firstReactRender	15	96	53	26	13
		getState	4	58	16	19	9
		initialActions	0	1	0	0	0
		loadScripts	959	1342	1107	98	47
		setupStore	7	54	11	10	5
		uiStartup	1570	2236	1855	177	85

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

• background: 2.79 KiB (0.05%)
• ui: 6.18 KiB (0.08%)
• common: 1.31 KiB (0.01%)

[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 [c10559b]

• 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
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
  • content-script: 0
  • offscreen: 0

Page Load Metrics (1731 ± 70 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1524	2047	1731	147	71
		domContentLoaded	1513	2009	1708	145	69
		load	1522	2041	1731	147	70
		domInteractive	25	106	43	23	11
		backgroundConnect	9	62	31	20	9
		firstReactRender	16	101	40	30	14
		getState	5	63	14	15	7
		initialActions	0	1	0	0	0
		loadScripts	1023	1456	1246	121	58
		setupStore	7	87	27	24	11
		uiStartup	1756	2513	2021	210	101

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

• background: 2.78 KiB (0.05%)
• ui: 6.42 KiB (0.08%)
• common: 1.23 KiB (0.01%)