fix(insights): Fix empty transaction summary when transaction.op is default

Relay doesn't extract transaction ops when they have the default value of `default`. Since links into the transaction summary from insights include the transaction op as a filter, `transaction.op:default` was returning an empty screen.

Instead, use `span.op`:
- `default` is populated here correctly, so the page works
- it's span first/span streaming compatible

Author: mjq

static/app/views/dashboards/datasetConfig/spans.tsx

@@ -474,12 +474,14 @@ function renderTransactionAsLinkable(data: EventData, baggage: RenderFunctionBag
 
   const filters = new MutableSearch('');
 
-  // Filters on the transaction summary page won't match the dashboard because transaction summary isn't on eap yet.
+  const isEap = organization.features.includes('performance-transaction-summary-eap');
   if (data[SpanFields.SPAN_OP]) {
-    filters.addFilterValue('transaction.op', data[SpanFields.SPAN_OP]);
+    filters.addFilterValue(
+      isEap ? SpanFields.SPAN_OP : SpanFields.TRANSACTION_OP,
+      data[SpanFields.SPAN_OP]
+    );
   }
   if (data[SpanFields.REQUEST_METHOD]) {
-    const isEap = organization.features.includes('performance-transaction-summary-eap');
     filters.addFilterValue(
       isEap ? 'request.method' : 'http.method',
       data[SpanFields.REQUEST_METHOD]

static/app/views/insights/pages/transactionCell.tsx

@@ -8,6 +8,8 @@ import {useOrganization} from 'sentry/utils/useOrganization';
 import {useProjects} from 'sentry/utils/useProjects';
 import {OverflowEllipsisTextContainer} from 'sentry/views/insights/common/components/textAlign';
 import {useDomainViewFilters} from 'sentry/views/insights/pages/useFilters';
+import {SpanFields} from 'sentry/views/insights/types';
+import {useTransactionSummaryEAP} from 'sentry/views/performance/eap/useTransactionSummaryEAP';
 import {generateTransactionSummaryRoute} from 'sentry/views/performance/transactionSummary/utils';
 
 interface Props {
@@ -21,12 +23,16 @@ export function TransactionCell({project, transaction, transactionMethod}: Props
   const organization = useOrganization();
   const location = useLocation();
   const {view} = useDomainViewFilters();
+  const isEAP = useTransactionSummaryEAP();
 
   const projectId = projects.projects.find(p => p.slug === project)?.id;
 
   const searchQuery = new MutableSearch('');
   if (transactionMethod) {
-    searchQuery.addFilterValue('transaction.op', transactionMethod);
+    searchQuery.addFilterValue(
+      isEAP ? SpanFields.SPAN_OP : SpanFields.TRANSACTION_OP,
+      transactionMethod
+    );
   }
 
   if (!transaction || !projectId) {