feat(performance): Implement new breadcrumb view in trace drawer

[leeandher]

What's in this PR

Okay so this allows the new UI to appear in the trace explorer, but with a few caveats. The controls look a bit different than in the drawer and it has a fixed height and inner scroll.

This was sort of a rush job since I start vacation soon and wanted there to at least be an option for the team while I'm out but I'm not super pleased with this user experience, since we still have the inner scroll that the whole redesign pointedly removes.

It also creates some code duplication since the buttons used in the drawer are similar, but not the same, since the controls weren't designed with the trace drawer in mind. I tried to reduce the duplication with a wrapping hook, but it's a bit messy.

An alternative

IF we're open to the idea of popping open the drawer experience, we can get away with dropping it in really easily with no code smell:

// static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/index.tsx

 {hasNewTimelineUI ? (
// Provided we refactor to omit `group` prop, or find one from the trace (I didn't look into this)
  <BreadcrumbsDataSection event={event}   />
) : (
  <BreadCrumbs event={event} organization={organization} />
)}

This would make the two components identical, at the cost of covering the rest of the trace drawer with the global drawer when the user prompts it. Not sure how people feel about it, though so I'll leave this PR up for discussion.

If we decide the alternative is a better call, please close out this PR.

Feel free to modify this PR to make appropriate changes as we see fit since I'll be away for a bit.

[codecov]

Codecov Report

Attention: Patch coverage is 36.20690% with 37 lines in your changes missing coverage. Please review.

Project coverage is 78.12%. Comparing base (9576387) to head (33db12d).
Report is 987 commits behind head on master.

Files	Patch %	Lines
.../details/transaction/sections/traceBreadcrumbs.tsx	0.00%	31 Missing ⚠️
...ts/events/breadcrumbs/breadcrumbsDrawerContent.tsx	75.00%	6 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master   #74243      +/-   ##
==========================================
- Coverage   78.13%   78.12%   -0.01%     
==========================================
  Files        6665     6666       +1     
  Lines      297914   297953      +39     
  Branches    51279    51280       +1     
==========================================
+ Hits       232768   232773       +5     
- Misses      58871    58905      +34     
  Partials     6275     6275              

Files	Coverage Δ
...ents/events/breadcrumbs/breadcrumbsDataSection.tsx	91.30% <ø> (ø)
...ponents/events/breadcrumbs/breadcrumbsTimeline.tsx	81.48% <100.00%> (+1.48%)	⬆️
...tatic/app/utils/analytics/issueAnalyticsEvents.tsx	100.00% <ø> (ø)
...eDetails/traceDrawer/details/transaction/index.tsx	88.23% <100.00%> (+0.73%)	⬆️
...ts/events/breadcrumbs/breadcrumbsDrawerContent.tsx	87.87% <75.00%> (-2.29%)	⬇️
.../details/transaction/sections/traceBreadcrumbs.tsx	0.00% <0.00%> (ø)

... and 2 files with indirect coverage changes

[getsantry]

This pull request has gone three weeks without activity. In another week, I will close it.

But! If you comment or otherwise update it, I will reset the clock, and if you add the label WIP, I will leave it alone unless WIP is removed ... forever!

---

"A weed is but an unloved flower." ― Ella Wheeler Wilcox 🥀