chore(starfish): Adding referrers to starfish (#52749)

- Making all the starfish referrers consistent, either with `starfish`
prefix or `starfish-web-service`
- Adding a referrer to all the requests, will need to follow up and all
these referrers to the backend allowlist

static/app/views/starfish/queries/useSpanList.tsx

@@ -36,7 +36,7 @@ export const useSpanList = (
   spanCategory?: string,
   sorts?: Sort[],
   limit?: number,
-  referrer = 'use-span-list',
+  referrer = 'api.starfish.use-span-list',
   cursor?: string
 ) => {
   const location = useLocation();

static/app/views/starfish/queries/useSpanSamples.tsx

@@ -48,7 +48,7 @@ export const useSpanSamples = (options: Options) => {
     {group: groupId},
     {transactionName, 'transaction.method': transactionMethod},
     [`p95(${SPAN_SELF_TIME})`],
-    'sidebar-span-metrics'
+    'api.starfish.sidebar-span-metrics'
   );
 
   const maxYValue = computeAxisMax([spanMetricsSeriesData?.[`p95(${SPAN_SELF_TIME})`]]);

static/app/views/starfish/queries/useSpanTransactionMetrics.tsx

@@ -28,7 +28,7 @@ export type SpanTransactionMetrics = {
 export const useSpanTransactionMetrics = (
   span: Pick<IndexedSpan, 'group'>,
   options: {sorts?: Sort[]; transactions?: string[]},
-  _referrer = 'span-transaction-metrics'
+  _referrer = 'api.starfish.span-transaction-metrics'
 ) => {
   const location = useLocation();
 

static/app/views/starfish/views/spanSummaryPage/index.tsx

@@ -90,7 +90,7 @@ function SpanSummaryPage({params, location}: Props) {
       'time_spent_percentage()',
       'http_error_count()',
     ],
-    'span-summary-page-metrics'
+    'api.starfish.span-summary-page-metrics'
   );
 
   const span = Object.assign({group: groupId}, spanMetrics as SpanMetrics & SpanMeta);
@@ -100,7 +100,7 @@ function SpanSummaryPage({params, location}: Props) {
       {group: groupId},
       queryFilter,
       [`p95(${SPAN_SELF_TIME})`, 'sps()', 'http_error_count()'],
-      'span-summary-page-metrics'
+      'api.starfish.span-summary-page-metrics-chart'
     );
 
   useSynchronizeCharts([!areSpanMetricsSeriesLoading]);

static/app/views/starfish/views/spanSummaryPage/sampleList/durationChart/index.tsx

@@ -67,14 +67,14 @@ function DurationChart({
     {group: groupId},
     {transactionName, 'transaction.method': transactionMethod},
     [`p95(${SPAN_SELF_TIME})`],
-    'sidebar-span-metrics'
+    'api.starfish.sidebar-span-metrics-chart'
   );
 
   const {data: spanMetrics, error: spanMetricsError} = useSpanMetrics(
     {group: groupId},
     {transactionName, 'transaction.method': transactionMethod},
     [`p95(${SPAN_SELF_TIME})`, SPAN_OP],
-    'span-summary-panel-samples-table-p95'
+    'api.starfish.span-summary-panel-samples-table-p95'
   );
 
   const p95 = spanMetrics?.[`p95(${SPAN_SELF_TIME})`] || 0;

static/app/views/starfish/views/spanSummaryPage/sampleList/sampleInfo/index.tsx

@@ -29,7 +29,7 @@ function SampleInfo(props: Props) {
       `p95(${SPAN_SELF_TIME})`,
       'time_spent_percentage(local)',
     ],
-    'span-summary-panel-metrics'
+    'api.starfish.span-summary-panel-metrics'
   );
 
   const style: CSSProperties = {

static/app/views/starfish/views/spanSummaryPage/sampleList/sampleTable/sampleTable.tsx

@@ -36,7 +36,7 @@ function SampleTable({
     {group: groupId},
     {transactionName, 'transaction.method': transactionMethod},
     [`p95(${SPAN_SELF_TIME})`, SPAN_OP],
-    'span-summary-panel-samples-table-p95'
+    'api.starfish.span-summary-panel-samples-table-p95'
   );
   const organization = useOrganization();
 
@@ -59,7 +59,7 @@ function SampleTable({
     error: transactionError,
   } = useTransactions(
     spans.map(span => span['transaction.id']),
-    'span-summary-panel-samples-table-transactions'
+    'api.starfish.span-summary-panel-samples-table-transactions'
   );
 
   const [loadedSpans, setLoadedSpans] = useState(false);

static/app/views/starfish/views/spans/queries.tsx

@@ -34,6 +34,7 @@ export const useErrorRateQuery = (queryString: string) => {
   const result = useSpansQuery<{'http_error_count()': number; interval: number}[]>({
     eventView,
     initialData: [],
+    referrer: 'api.starfish.get-http-error-count',
   });
 
   const formattedData = result?.data?.map(entry => {

static/app/views/starfish/views/spans/selectors/actionSelector.tsx

@@ -36,6 +36,7 @@ export function ActionSelector({
     eventView,
     initialData: [],
     enabled: !useHTTPActions,
+    referrer: 'api.starfish.get-span-actions',
   });
 
   const options = useHTTPActions

static/app/views/starfish/views/spans/selectors/domainSelector.tsx

@@ -33,6 +33,7 @@ export function DomainSelector({
   const {data: domains} = useSpansQuery<{'span.domain': string}[]>({
     eventView,
     initialData: [],
+    referrer: 'api.starfish.get-span-domains',
   });
 
   const options = [