feat(issues): Prefetch supergroup data and add stats columns to rows (#111719)

Eagerly fetches supergroup assignments in the issue list overview to
block the stream from rendering until grouping data is available,
preventing pop-in. Supergroup rows now show aggregated stats (last seen,
age, trend chart, events, users) from member groups and align to the
same column grid as regular issue rows.

Removes the previous experiment.

---------

Co-authored-by: Charlie Luo <cvxluo@gmail.com>

Author: 2 people

.github/CODEOWNERS

@@ -678,6 +678,7 @@ tests/sentry/api/endpoints/test_organization_attribute_mappings.py          @get
 /static/app/components/events/highlights/                   @getsentry/issue-workflow
 /static/app/components/issues/                              @getsentry/issue-workflow
 /static/app/components/stackTrace/                          @getsentry/issue-workflow
+/static/app/components/stream/supergroupRow.tsx             @getsentry/issue-detection-frontend
 /static/app/views/issueList/                                @getsentry/issue-workflow
 /static/app/views/issueList/issueListSeerComboBox.tsx       @getsentry/issue-workflow @getsentry/machine-learning-ai
 /static/app/views/issueList/pages/supergroups.tsx           @getsentry/issue-detection-frontend

static/app/components/group/issueSuperGroup.tsx

@@ -13,7 +13,6 @@ import {TimesTag} from 'sentry/components/group/inboxBadges/timesTag';
 import {UnhandledTag} from 'sentry/components/group/inboxBadges/unhandledTag';
 import {IssueReplayCount} from 'sentry/components/group/issueReplayCount';
 import {IssueSeerBadge} from 'sentry/components/group/issueSeerBadge';
-import {IssueSuperGroup} from 'sentry/components/group/issueSuperGroup';
 import ProjectBadge from 'sentry/components/idBadge/projectBadge';
 import {extractSelectionParameters} from 'sentry/components/pageFilters/parse';
 import {Placeholder} from 'sentry/components/placeholder';
@@ -24,7 +23,6 @@ import {defined} from 'sentry/utils';
 import {getTitle} from 'sentry/utils/events';
 import {useReplayCountForIssues} from 'sentry/utils/replayCount/useReplayCountForIssues';
 import {projectCanLinkToReplay} from 'sentry/utils/replays/projectSupportsReplay';
-import {useSuperGroupForIssues} from 'sentry/utils/supergroup/useSuperGroupForIssues';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
 
@@ -75,18 +73,13 @@ export function GroupMetaRow({data, showAssignee, showLifetime = true}: Props) {
 
   const issuesPath = `/organizations/${organization.slug}/issues/`;
   const {getReplayCountForIssue} = useReplayCountForIssues();
-  const {getSuperGroupForIssue} = useSuperGroupForIssues();
 
   const showReplayCount =
     organization.features.includes('session-replay') &&
     projectCanLinkToReplay(organization, project) &&
     data.issueCategory &&
     !!getReplayCountForIssue(data.id, data.issueCategory);
 
-  const supergroup = organization.features.includes('top-issues-ui')
-    ? getSuperGroupForIssue(data.id)
-    : undefined;
-
   const autofixRunExists = getAutofixRunExists(data);
   const seerFixable = isIssueQuickFixable(data);
   const showSeer =
@@ -126,7 +119,6 @@ export function GroupMetaRow({data, showAssignee, showLifetime = true}: Props) {
       </CommentsLink>
     ) : null,
     showReplayCount ? <IssueReplayCount group={data} /> : null,
-    supergroup ? <IssueSuperGroup supergroup={supergroup} /> : null,
     showSeer ? <IssueSeerBadge group={data} key="issue-seer-badge" /> : null,
     logger ? (
       <LoggerAnnotation>