perf: Create custom trace to measure performance of opening the account list

[MajorLift]

Description

Adds custom Sentry trace "Account List" that starts when the AccountPicker component is clicked, and ends when the AccountListMenu component has finished rendering.

• Baseline performance:

• Load testing via revert of fix: improve performance in account list and account connection components #23933:

Related issues

• Closes https://github.com/MetaMask/MetaMask-planning/issues/3399

Manual testing steps

Screenshots/Recordings

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.

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[metamaskbot]

Builds ready [2f19f36]

• 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 (2017 ± 114 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	438	2649	1913	405	195
		domContentLoaded	1679	2507	1975	226	109
		load	1718	2675	2017	238	114
		domInteractive	20	111	48	21	10
		backgroundConnect	9	164	37	38	18
		firstReactRender	53	288	121	58	28
		getState	5	102	22	27	13
		initialActions	0	1	0	0	0
		loadScripts	1232	1940	1477	204	98
		setupStore	13	110	46	32	15
		uiStartup	1888	3694	2322	391	188

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

• background: 0 Bytes (0.00%)
• ui: 357 Bytes (0.00%)
• common: 29 Bytes (0.00%)

[gauthierpetetin]

TODO: Add alerts once this PR is merged and deployed in production