feat(insights): fix response code breakdown to use eap (#91820)

Update the breakdown chart to use the `useTopNSpanMetricsSeries` which
had the EAP conditional

Author: DominikB2014

static/app/views/insights/common/queries/useSpanMetricsTopNSeries.spec.tsx

@@ -242,7 +242,6 @@ describe('HTTPSamplesPanel', () => {
         expect.objectContaining({
           method: 'GET',
           query: {
-            cursor: undefined,
             dataset: 'spansMetrics',
             environment: [],
             excludeOther: 0,
@@ -256,8 +255,8 @@ describe('HTTPSamplesPanel', () => {
               'span.module:http span.op:http.client !has:span.domain transaction:/api/0/users span.status_code:[300,301,302,303,304,305,307,308]',
             referrer: 'api.performance.http.samples-panel-response-code-chart',
             statsPeriod: '10d',
-            sort: '-count()',
             topEvents: '5',
+            transformAliasToInputFormat: '0',
             yAxis: 'count()',
           },
         })

static/app/views/insights/common/queries/useSpanMetricsTopNSeries.tsx

@@ -40,7 +40,7 @@ import {
   useSpansIndexed,
 } from 'sentry/views/insights/common/queries/useDiscover';
 import {useSpanMetricsSeries} from 'sentry/views/insights/common/queries/useDiscoverSeries';
-import {useSpanMetricsTopNSeries} from 'sentry/views/insights/common/queries/useSpanMetricsTopNSeries';
+import {useTopNSpanMetricsSeries} from 'sentry/views/insights/common/queries/useTopNDiscoverSeries';
 import {
   DataTitles,
   getDurationChartTitle,
@@ -205,20 +205,20 @@ export function HTTPSamplesPanel() {
     isFetching: isResponseCodeDataLoading,
     data: responseCodeData,
     error: responseCodeError,
-  } = useSpanMetricsTopNSeries({
-    search,
-    fields: ['span.status_code', 'count()'],
-    yAxis: ['count()'],
-    topEvents: 5,
-    sorts: [
-      {
+  } = useTopNSpanMetricsSeries(
+    {
+      search,
+      fields: ['span.status_code', 'count()'],
+      yAxis: ['count()'],
+      topN: 5,
+      sort: {
         kind: 'desc',
         field: 'count()',
       },
-    ],
-    enabled: isPanelOpen && query.panel === 'status',
-    referrer: Referrer.SAMPLES_PANEL_RESPONSE_CODE_CHART,
-  });
+      enabled: isPanelOpen && query.panel === 'status',
+    },
+    Referrer.SAMPLES_PANEL_RESPONSE_CODE_CHART
+  );
 
   const durationAxisMax = computeAxisMax([durationData?.[`avg(span.self_time)`]]);