feat(escalating-issues): Informational popup on Issue Stream (#48888)

PR for #48301 

Frontend for https://github.com/getsentry/sentry/pull/48889

<img width="559" alt="Screenshot 2023-05-10 at 11 31 49 AM"
src="https://github.com/getsentry/sentry/assets/10491193/0be85866-607d-4faa-b546-d76d79087243">

static/app/components/assistant/getGuidesContent.tsx

@@ -272,6 +272,20 @@ export default function getGuidesContent(orgSlug: string | null): GuidesContent
         },
       ],
     },
+    {
+      guide: 'explain_archive_tab_issue_stream',
+      requiredTargets: ['issue_stream_archive_tab'],
+      steps: [
+        {
+          title: t('Nothing to see here'),
+          target: 'issue_stream_archive_tab',
+          description: t(
+            "Archived issues will live here. We'll mark them as Escalating if we detect a large number of events."
+          ),
+          dismissText: t('Goodbye Forever'),
+        },
+      ],
+    },
   ];
 }
 

static/app/views/issueList/header.tsx

@@ -2,6 +2,7 @@ import {ReactNode} from 'react';
 import {InjectedRouter} from 'react-router';
 import styled from '@emotion/styled';
 
+import GuideAnchor from 'sentry/components/assistant/guideAnchor';
 import Badge from 'sentry/components/badge';
 import {Button} from 'sentry/components/button';
 import ButtonBar from 'sentry/components/buttonBar';
@@ -142,14 +143,20 @@ function IssueListHeader({
 
                 return (
                   <TabList.Item key={tabQuery} to={to} textValue={queryName}>
-                    <IssueListHeaderTabContent
-                      tooltipTitle={tooltipTitle}
-                      tooltipHoverable={tooltipHoverable}
-                      name={queryName}
-                      count={queryCounts[tabQuery]?.count}
-                      hasMore={queryCounts[tabQuery]?.hasMore}
-                      query={tabQuery}
-                    />
+                    <GuideAnchor
+                      disabled={tabQuery !== Query.ARCHIVED}
+                      target="issue_stream_archive_tab"
+                      position="bottom"
+                    >
+                      <IssueListHeaderTabContent
+                        tooltipTitle={tooltipTitle}
+                        tooltipHoverable={tooltipHoverable}
+                        name={queryName}
+                        count={queryCounts[tabQuery]?.count}
+                        hasMore={queryCounts[tabQuery]?.hasMore}
+                        query={tabQuery}
+                      />
+                    </GuideAnchor>
                   </TabList.Item>
                 );
               }