fix(insights): fixes web vital to issue link not propagating page filters (#94036)

Author: edwardgou-sentry

static/app/views/insights/browser/webVitals/components/webVitalMetersWithIssues.tsx

@@ -7,12 +7,15 @@ import {LinkButton} from 'sentry/components/core/button/linkButton';
 import InteractionStateLayer from 'sentry/components/core/interactionStateLayer';
 import {Tooltip} from 'sentry/components/core/tooltip';
 import ExternalLink from 'sentry/components/links/externalLink';
+import {pageFiltersToQueryParams} from 'sentry/components/organizations/pageFilters/parse';
 import QuestionTooltip from 'sentry/components/questionTooltip';
 import {IconIssues} from 'sentry/icons';
 import {t, tct} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
+import type {PageFilters} from 'sentry/types/core';
 import type {Organization} from 'sentry/types/organization';
 import useOrganization from 'sentry/utils/useOrganization';
+import usePageFilters from 'sentry/utils/usePageFilters';
 import {ORDER} from 'sentry/views/insights/browser/webVitals/components/charts/performanceScoreChart';
 import {PerformanceBadge} from 'sentry/views/insights/browser/webVitals/components/performanceBadge';
 import {VITAL_DESCRIPTIONS} from 'sentry/views/insights/browser/webVitals/components/webVitalDescription';
@@ -107,6 +110,7 @@ function VitalMeter({
   showTooltip = true,
 }: VitalMeterProps) {
   const organization = useOrganization();
+  const {selection} = usePageFilters();
   const webVitalExists = score !== undefined;
 
   const formattedMeterValueText =
@@ -128,7 +132,7 @@ function VitalMeter({
     <Fragment>
       <MeterBarBody>
         <StyledIssuesButton
-          to={getIssuesUrl({organization, webVital})}
+          to={getIssuesUrl({organization, webVital, selection})}
           aria-label={t('View Performance Issues')}
           icon={<IconIssues />}
           size="xs"
@@ -235,13 +239,16 @@ function VitalContainer({
 const getIssuesUrl = ({
   organization,
   webVital,
+  selection,
 }: {
   organization: Organization;
+  selection: PageFilters;
   webVital: WebVitals;
 }) => {
   const query = getIssueQueryFilter(WEB_VITAL_PERFORMANCE_ISSUES[webVital]);
   return `/organizations/${organization.slug}/issues/?${qs.stringify({
     query,
+    ...pageFiltersToQueryParams(selection),
   })}`;
 };