ref(issueList): Remove standalone supergroups page

Co-authored-by: Claude <noreply@anthropic.com>

Author: cvxluo

static/app/router/routes.tsx

@@ -2546,10 +2546,6 @@ function buildRoutes(): RouteObject[] {
       path: 'autofix/recent/',
       component: make(() => import('sentry/views/issueList/pages/autofix/recentlyRun')),
     },
-    {
-      path: 'supergroups/',
-      component: make(() => import('sentry/views/issueList/pages/supergroups')),
-    },
     {
       path: 'views/:viewId/',
       component: errorHandler(OverviewWrapper),

static/app/views/issueList/pages/supergroups.tsx

@@ -4,6 +4,7 @@ import styled from '@emotion/styled';
 
 import {Badge} from '@sentry/scraps/badge';
 import {Button} from '@sentry/scraps/button';
+import {inlineCodeStyles} from '@sentry/scraps/code';
 import {Container, Flex, Stack} from '@sentry/scraps/layout';
 import {Heading, Text} from '@sentry/scraps/text';
 
@@ -29,9 +30,9 @@ import {t} from 'sentry/locale';
 import {GroupStore} from 'sentry/stores/groupStore';
 import type {Group} from 'sentry/types/group';
 import {getApiUrl} from 'sentry/utils/api/getApiUrl';
+import {MarkedText} from 'sentry/utils/marked/markedText';
 import {useApiQuery} from 'sentry/utils/queryClient';
 import {useOrganization} from 'sentry/utils/useOrganization';
-import {StyledMarkedText} from 'sentry/views/issueList/pages/supergroups';
 import {SupergroupFeedback} from 'sentry/views/issueList/supergroups/supergroupFeedback';
 import type {SupergroupDetail} from 'sentry/views/issueList/supergroups/types';
 
@@ -306,3 +307,9 @@ const HighlightableRow = styled('div')<{highlighted: boolean}>`
       border-left: 3px solid ${p.theme.tokens.border.accent.vibrant};
     `}
 `;
+
+const StyledMarkedText = styled(MarkedText)`
+  code:not(pre code) {
+    ${p => inlineCodeStyles(p.theme)};
+  }
+`;

static/app/views/issueList/supergroups/supergroupDrawer.tsx

@@ -13,8 +13,6 @@ import {IssueViews} from 'sentry/views/navigation/secondary/sections/issues/issu
 export function IssuesSecondaryNavigation() {
   const organization = useOrganization();
   const baseUrl = `/organizations/${organization.slug}/issues`;
-  const hasTopIssuesUI = organization.features.includes('top-issues-ui');
-
   return (
     <Fragment>
       <SecondaryNavigation.Header>{t('Issues')}</SecondaryNavigation.Header>
@@ -30,16 +28,6 @@ export function IssuesSecondaryNavigation() {
                 {t('Feed')}
               </SecondaryNavigation.Link>
             </SecondaryNavigation.ListItem>
-            {hasTopIssuesUI && (
-              <SecondaryNavigation.ListItem>
-                <SecondaryNavigation.Link
-                  to={`${baseUrl}/supergroups/`}
-                  analyticsItemName="issues_supergroups"
-                >
-                  {t('Supergroups')}
-                </SecondaryNavigation.Link>
-              </SecondaryNavigation.ListItem>
-            )}
           </SecondaryNavigation.List>
         </SecondaryNavigation.Section>
         <SecondaryNavigation.Separator />