feat: Add advanced details tooltip

[pedronfigueiredo]

Description

Adds tooltip to inform the user.

Related issues

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

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 [3ac7bc7]

• 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 (1485 ± 45 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1350	1770	1493	96	46
		domContentLoaded	1338	1696	1467	82	39
		load	1347	1771	1485	94	45
		domInteractive	22	82	36	19	9
		backgroundConnect	7	79	24	20	9
		firstReactRender	15	93	35	25	12
		getState	4	45	10	10	5
		initialActions	0	0	0	0	0
		loadScripts	929	1282	1043	82	39
		setupStore	7	11	8	1	0
		uiStartup	1513	2146	1699	144	69

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

• background: 0 Bytes (0.00%)
• ui: 415 Bytes (0.01%)
• common: 108 Bytes (0.00%)

[metamaskbot]

Builds ready [971841c]

• 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 (1740 ± 74 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	421	2217	1673	325	156
		domContentLoaded	1514	2198	1712	153	73
		load	1532	2223	1740	155	74
		domInteractive	24	140	52	34	17
		backgroundConnect	10	100	35	22	11
		firstReactRender	17	79	36	24	12
		getState	4	61	23	20	10
		initialActions	0	1	0	0	0
		loadScripts	1055	1646	1233	136	65
		setupStore	6	61	15	15	7
		uiStartup	1723	2492	1986	166	80

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

• background: 0 Bytes (0.00%)
• ui: 415 Bytes (0.01%)
• common: 108 Bytes (0.00%)