ref(onboarding): Move astro package manager info code (#77702)

static/app/components/onboarding/gettingStartedDoc/onboardingLayout.tsx

@@ -142,7 +142,7 @@ export function OnboardingLayout({
     <AuthTokenGeneratorProvider projectSlug={projectSlug}>
       <Wrapper>
         <Header>
-          {introduction && <div>{introduction}</div>}
+          {introduction && <Introduction>{introduction}</Introduction>}
           {configType === 'onboarding' && (
             <ProductSelectionAvailabilityHook
               organization={organization}
@@ -219,3 +219,9 @@ const Wrapper = styled('div')`
     }
   }
 `;
+
+const Introduction = styled('div')`
+  & > p:not(:last-child) {
+    margin-bottom: ${space(2)};
+  }
+`;

static/app/components/onboarding/productSelection.tsx

@@ -407,8 +407,6 @@ export function ProductSelection({
     (platform?.indexOf('javascript') === 0 || platform?.indexOf('node') === 0) &&
     platform !== 'javascript-astro';
 
-  const showAstroInfo = platform === 'javascript-astro';
-
   return (
     <Fragment>
       {showPackageManagerInfo && (
@@ -423,13 +421,6 @@ export function ProductSelection({
               })}
         </TextBlock>
       )}
-      {showAstroInfo && (
-        <TextBlock noMargin>
-          {tct("In this quick guide you'll use the [astrocli:astro] CLI to set up:", {
-            astrocli: <strong />,
-          })}
-        </TextBlock>
-      )}
       <Products>
         <Product
           label={t('Error Monitoring')}

static/app/gettingStartedDocs/javascript/astro.tsx

@@ -95,10 +95,23 @@ const getInstallConfig = () => [
 ];
 
 const onboarding: OnboardingConfig = {
-  introduction: () =>
-    tct("Sentry's integration with [astroLink:Astro] supports Astro 3.0.0 and above.", {
-      astroLink: <ExternalLink href="https://astro.build/" />,
-    }),
+  introduction: () => (
+    <Fragment>
+      <p>
+        {tct(
+          "Sentry's integration with [astroLink:Astro] supports Astro 3.0.0 and above.",
+          {
+            astroLink: <ExternalLink href="https://astro.build/" />,
+          }
+        )}
+      </p>
+      <p>
+        {tct("In this quick guide you'll use the [astrocli:astro] CLI to set up:", {
+          astrocli: <strong />,
+        })}
+      </p>
+    </Fragment>
+  ),
   install: () => getInstallConfig(),
   configure: (params: Params) => [
     {

static/app/gettingStartedDocs/python/serverless.tsx

@@ -64,9 +64,11 @@ const onboarding: OnboardingConfig = {
           }
         )}
       </p>
-      {t(
-        'If you use a serverless provider not directly supported by the SDK, you can use this generic integration.'
-      )}
+      <p>
+        {t(
+          'If you use a serverless provider not directly supported by the SDK, you can use this generic integration.'
+        )}
+      </p>
     </Fragment>
   ),
   install: (params: Params) => [