fix(performance): Restore feature parity on EAP Sampled Events tab (#111891)

This chunky PR brings the Transaction Summary > Sampled Events tab up to
feature parity with the pre-EAP version (with a single exception).

What's fixed:
- You can sort columns
- Display of the HTTP method and Replay column is now conditional
- The Trace ID is now a link to the trace waterfall
- You can now Open In Explore (like the old Open In Discover)
- Filtering by percentile is back

What's different from the pre-EAP Sampled Events tab:
- The span category filter is no longer on the page. I don't know what
the behaviour is supposed to be because it was broken and inconsistent
on the pre-EAP version. If we ever spec it out we can bring it back.

After working through each item with Claude, the individual commits
looked okay but everything taken together was pretty terrible - I went
back and refactored it all back into (IMO) decent shape.

This PR got big, and is now borderline for reviewable size - I can
definitely split it up if it's difficult to review in its current form.

Fixes DAIN-1401.

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: mjq

static/app/views/insights/types.tsx

@@ -129,6 +129,13 @@ export enum SpanFields {
   AI_TOTAL_COST = 'ai.total_cost',
   AI_TOTAL_TOKENS_USED = 'ai.total_tokens.used',
 
+  // Span Operation Breakdown fields
+  SPANS_BROWSER = 'spans.browser',
+  SPANS_DB = 'spans.db',
+  SPANS_HTTP = 'spans.http',
+  SPANS_RESOURCE = 'spans.resource',
+  SPANS_UI = 'spans.ui',
+
   // DB fields
   DB_SYSTEM = 'db.system', // TODO: this is a duplicate of `SPAN_SYSTEM`
 

static/app/views/performance/eap/overviewSpansTable.tsx

@@ -63,7 +63,7 @@ export function SegmentSpansTable({
   const {projects} = useProjects();
   const navigate = useNavigate();
 
-  const projectSlug = projects.find(p => p.id === `${eventView.project}`)?.slug;
+  const projectSlug = projects.find(p => p.id === String(eventView.project[0]))?.slug;
   const spanCategory = decodeScalar(location.query?.[SpanFields.SPAN_CATEGORY]);
   const {selected, options} = getEAPSegmentSpansListSort(location, spanCategory);