Replaced all the inline help content on the route pages with components

apps/webapp/app/components/helpContent/HelpContentText.tsx

@@ -1,6 +1,28 @@
 import { Paragraph } from "~/components/primitives/Paragraph";
 import { StepNumber } from "~/components/primitives/StepNumber";
 
+export function HowToCreateAJob() {
+  return (
+    <>
+      <StepNumber stepNumber="1" title="Step 1 title" />
+      <StepContentContainer>
+        <Paragraph variant="small">Content</Paragraph>
+      </StepContentContainer>
+    </>
+  );
+}
+
+export function HowToRunATest() {
+  return (
+    <>
+      <StepNumber stepNumber="1" title="Step 1 title" />
+      <StepContentContainer>
+        <Paragraph variant="small">Content</Paragraph>
+      </StepContentContainer>
+    </>
+  );
+}
+
 export function HowToConnectAnIntegration() {
   return (
     <>
@@ -12,12 +34,12 @@ export function HowToConnectAnIntegration() {
   );
 }
 
-export function HowToCreateAJob() {
+export function HowToUseThisIntegration() {
   return (
     <>
       <StepNumber stepNumber="1" title="Step 1 title" />
       <StepContentContainer>
-        <Paragraph variant="small">How to create a Job content</Paragraph>
+        <Paragraph variant="small">Content</Paragraph>
       </StepContentContainer>
     </>
   );

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.integrations_.$clientParam._index/route.tsx

@@ -1,6 +1,7 @@
 import { LoaderArgs } from "@remix-run/server-runtime";
 import { typedjson, useTypedLoaderData } from "remix-typedjson";
 import { c } from "tar";
+import { HowToUseThisIntegration } from "~/components/helpContent/HelpContentText";
 import { JobSkeleton } from "~/components/jobs/JobSkeleton";
 import { JobsTable } from "~/components/jobs/JobsTable";
 import { Header2 } from "~/components/primitives/Headers";
@@ -85,7 +86,7 @@ export default function Page() {
           )}
         </div>
         <HelpContent title="How to use this integration">
-          <Paragraph>How to use this integration</Paragraph>
+          <HowToUseThisIntegration />
         </HelpContent>
       </div>
     </Help>

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.test/route.tsx

@@ -8,6 +8,7 @@ import { typedjson, useTypedLoaderData } from "remix-typedjson";
 import { z } from "zod";
 import { JSONEditor } from "~/components/code/JSONEditor";
 import { EnvironmentLabel } from "~/components/environments/EnvironmentLabel";
+import { HowToRunATest } from "~/components/helpContent/HelpContentText";
 import { Button, ButtonContent } from "~/components/primitives/Buttons";
 import { Callout } from "~/components/primitives/Callout";
 import { FormError } from "~/components/primitives/FormError";
@@ -264,7 +265,7 @@ export default function Page() {
           </div>
         </Form>
         <HelpContent title="How to run a test">
-          <Paragraph>Help content needs writing</Paragraph>
+          <HowToRunATest />
         </HelpContent>
       </div>
     </Help>