ref(perf): Add basic interaction for Performance@Sentry

[k-fish]

Summary

Adding the basics of interactions to monitor an area we observed to have some poor performance interaction-wise. Holds onto interactions in a static since we currently don't support multiple ongoing transactions, manually will close an idle transaction from pageload since interactions would indicate pageload has finished.

Screenshots

Collecting long tasks, and the specifically wrapped components so we know that the SpanTree component is causing most of the longtask / render time. Below we can also see an error in the console that relates to SpanTree having duplicate key which might be something to look into for performance.

Other

• Made a simple api startInteraction + finishInteraction. Start interaction should automatically wrap up with a timeout of 2 minutes (some interactions can be quite long).
• This code is all auxiliary and experimental, hence the try/catches around all call-sites and the lack of tests for these functions.
• There is no current intent of porting this to work with our sdks, since our requirements are a lot less stringent than what would be required to make a generic approach, but hopefully when it comes time this code can serve as a starting point at least.

[github-actions]

size-limit report 📦

Path	Size
src/sentry/static/sentry/dist/entrypoints/app.js	61.25 KB (-0.02% 🔽)
src/sentry/static/sentry/dist/entrypoints/sentry.css	69.97 KB (0%)

[wmak]

lgtm