Description

Add initial tracing and performance metrics infrastructure.

Specifically:

• Add the trace method, to be used anywhere in the client to generate a Sentry trace to monitor and analyse performance metrics.
• Add buttons to the developer settings as an easy mechanism to generate Sentry errors (in the UI or background) and traces.
• Add the Sentry.browserTracingIntegration to automatically generate traces for each page navigation, including nested spans for any HTTP requests.
• Update the Sentry debugging documentation in the README.

Note that the previously used browserProfilingIntegration does not generate transactions or traces itself, but rather attempts to add profiling data to any generated transactions. This does not appear to be compatible given it requires the Self-Profiling API object which is only available in Chrome and in our case, the UI. In addition, it requires the js-profiling document policy which also appears to currently not be supported in browser extensions.

Sentry also provides React specific automated instrumentation via @sentry/react and the Sentry.reactRouterV5BrowserTracingInstrumentation integration, but this should be pursued in a separate ticket if needed given the required further refactor.

Related issues

Fixes: #2711

Manual testing steps

1. Enable metrics in the settings.
2. Login to Sentry account.
3. Go to Traces or Performance section.
4. Note new transactions or traces named popup.html with nested spans including HTTP requests.

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.