Recordings: Unified Inspector + Network

[benjackwhite]

Recordings: Unified Inspector + Network panel

In addition to the current Events and Console tab we want to add a Network (or Performance) tab containing useful network information gathered using the web PerformanceObserver API.

This would allow people to understand where the network may have had an affect. "The user seemed frustrated, oh - there was a 5 second API request. That's interesting"

We currently have a WIP update to the "Inspector" area which:

• Adds a new panel called "Performance" which is mostly network requests currently
• Ads an "All" panel which is a unified view of all the tabs

Outstanding work for release

It's pretty close but there are some missing / additional things needed before it is ready for the prime time

Remaining tasks

• Indicate the point in the recording on the right hand side
• Loading states
• Fix "Only show matching events"
• Have a button to "go to current time"
  • Auto-follow the recording
• Add notice for Console and Performance if they are not enabled
• Persist the chosen tab
• Persist the "relative / absolute" configuration
• Make mini-filters work
  • And persist them
• Improve performance of scrolling and loading
• Clean up properties listed in network expanded panel
• Make sure multiple windows work

Stretch goals

• Indicate how many items are not shown for the given tab
• Group console logs if they repeat #13406
• Possibly supersedes this idea Make the list of shown recording events configurable #13240

Closes #12096