feat: dapp initiated token transfer

[pedronfigueiredo]

Description

• Implements new header for dapp initiated token transfer confirmations
• Enables simulations component conditionally
• Includes e2e tests for said confirmation

Related issues

Fixes: https://github.com/MetaMask/MetaMask-planning/issues/3017

Manual testing steps

1. Go to this page...

Screenshots/Recordings

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.

[metamaskbot]

Builds ready [57ee62c]

• 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, 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 (1778 ± 71 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	266	2216	1702	360	173
		domContentLoaded	1549	2199	1748	144	69
		load	1557	2219	1778	147	71
		domInteractive	19	210	62	52	25
		backgroundConnect	8	75	32	22	11
		firstReactRender	66	114	90	15	7
		getState	4	55	15	15	7
		initialActions	0	1	0	0	0
		loadScripts	1098	1750	1294	137	66
		setupStore	9	76	23	21	10
		uiStartup	1732	2431	1964	161	77

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

• background: 0 Bytes (0.00%)
• ui: 8.88 KiB (0.12%)
• common: 88 Bytes (0.00%)

The base branch was changed.

[metamaskbot]

Builds ready [c72a76b]

• 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, 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 (2002 ± 107 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	423	2763	1845	516	248
		domContentLoaded	1658	2591	1953	186	89
		load	1676	2801	2002	224	107
		domInteractive	31	161	50	29	14
		backgroundConnect	7	203	47	50	24
		firstReactRender	62	283	114	50	24
		getState	9	97	32	28	13
		initialActions	0	1	0	0	0
		loadScripts	1187	1962	1440	158	76
		setupStore	13	106	41	29	14
		uiStartup	2001	3410	2306	324	156

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

• background: 0 Bytes (0.00%)
• ui: 2.63 KiB (0.03%)
• common: 45 Bytes (0.00%)

[metamaskbot]

Builds ready [aa40ae4]

• 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, 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 (1859 ± 81 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1675	2294	1863	172	83
		domContentLoaded	1665	2167	1809	122	59
		load	1674	2343	1859	169	81
		domInteractive	16	144	54	26	13
		backgroundConnect	8	314	53	68	33
		firstReactRender	45	201	99	38	18
		getState	4	156	25	39	19
		initialActions	0	1	0	0	0
		loadScripts	1233	1606	1355	93	45
		setupStore	10	209	37	45	21
		uiStartup	1850	3682	2125	396	190

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

• background: 0 Bytes (0.00%)
• ui: 2.63 KiB (0.03%)
• common: 45 Bytes (0.00%)