Apply React Component Names to Replay Surface Areas

[jas-kas]

Apply React Component Names to....

• Selector Widgets and Selector Index Page
• Replay Details - Breadcrumbs
• Rage Click Issues

FYI

• Documentation on how to set this up via bundler plugin is here
• It is GA'ed
• Replay search works already - reference
  

Rage click issues example, with only selector

[getsantry]

Routing to @getsentry/product-owners-replays for triage ⏲️

[jas-kas]

cc/ @0Calories

[bruno-garcia]

Click and other DOM-related crumbs could also show the React Component name instead of the raw HTML blocks:

[bruno-garcia]

@Jesse-Box we talked to @0Calories who is going to help Replay leverage the React Component names feature he added.

We need some help with designs, on where to put the component names in the UI when available.
He's take was:

I can make some preliminary UI changes, but I think for showing the component name in a Replay breadcrumb, I need design specs. I don’t think we should outright replace the whole HTML block with the component name, since a lot of valuable data is available in the HTML itself. We should show the component name as supplementary data

[jas-kas]

Design Update for Breadcrumbs: #65093 (comment)