Add Sentry plugin to Explore (#974)

plugins/explore/src/components/ExplorePluginPage.tsx

@@ -45,6 +45,14 @@ const toolsCards = [
     image: 'https://miro.medium.com/max/1200/1*hkTBp22vLAqlIHkrkZHPnw.png',
     tags: ['circleci', 'ci', 'dev'],
   },
+  {
+    title: 'Sentry',
+    description:
+      'Self-hosted and cloud-based error monitoring that helps software teams discover, triage, and prioritize errors in real-time.',
+    url: '/sentry',
+    image: 'https://sentry-brand.storage.googleapis.com/sentry-logo-black.png',
+    tags: ['sentry', 'monitoring', 'errors'],
+  },
   {
     title: 'Lighthouse',
     description:

plugins/sentry/src/components/SentryPluginPage/SentryPluginPage.tsx

@@ -33,23 +33,22 @@ const SentryPluginPage: FC<{}> = () => {
 
   return (
     <Page theme={pageTheme.tool}>
-      <Header title="Welcome to Sentry Plugin!">
-        <ToggleButtonGroup
-          value={statsFor}
-          exclusive
-          onChange={toggleStatsFor}
-          aria-label="text alignment"
-        >
-          <ToggleButton value="24h" aria-label="left aligned">
-            24H
-          </ToggleButton>
-          <ToggleButton value="12h" aria-label="left aligned">
-            12H
-          </ToggleButton>
-        </ToggleButtonGroup>
-      </Header>
+      <Header title="Sentry" />
       <Content>
         <ContentHeader title="Issue on Sentry">
+          <ToggleButtonGroup
+            value={statsFor}
+            exclusive
+            onChange={toggleStatsFor}
+            aria-label="text alignment"
+          >
+            <ToggleButton value="24h" aria-label="left aligned">
+              24H
+            </ToggleButton>
+            <ToggleButton value="12h" aria-label="left aligned">
+              12H
+            </ToggleButton>
+          </ToggleButtonGroup>
           <SupportButton>
             Sentry plugin allows you to preview issues and navigate to sentry.
           </SupportButton>