Moved components to the components/run folder ready for sharing

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

@@ -12,7 +12,7 @@ import {
   RunPanelHeader,
   RunPanelIconProperty,
   RunPanelIconSection,
-} from "../_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/RunCard";
+} from "../../components/run/RunCard";
 
 export default function RunCompletedPage() {
   const run = useRun();
@@ -21,7 +21,11 @@ export default function RunCompletedPage() {
     <RunPanel>
       <RunPanelHeader
         icon={<RunStatusIcon status={run.status} className={"h-5 w-5"} />}
-        title={<RunStatusLabel status={run.status} />}
+        title={
+          <Paragraph variant="small/bright">
+            <RunStatusLabel status={run.status} />
+          </Paragraph>
+        }
       />
       <RunPanelBody>
         <RunPanelIconSection>

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam.tasks.$taskParam/route.tsx

@@ -30,9 +30,9 @@ import {
   RunPanelProperties,
   UpdatingDelay,
   UpdatingDuration,
-} from "../_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/RunCard";
-import { TaskStatusIcon } from "../_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/TaskStatus";
+} from "../../components/run/RunCard";
 import { TaskAttemptStatusLabel } from "./TaskAttemptStatus";
+import { TaskStatusIcon } from "~/components/run/TaskStatus";
 
 export const loader = async ({ request, params }: LoaderArgs) => {
   const userId = await requireUserId(request);

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

@@ -15,7 +15,7 @@ import {
   RunPanelIconProperty,
   RunPanelIconSection,
   RunPanelProperties,
-} from "../_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/RunCard";
+} from "../../components/run/RunCard";
 
 export const loader = async ({ request, params }: LoaderArgs) => {
   const { runParam } = RunParamsSchema.parse(params);

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

@@ -73,9 +73,9 @@ import {
   RunPanelIconSection,
   RunPanelIconTitle,
   RunPanelProperties,
-} from "./RunCard";
-import { TaskCard } from "./TaskCard";
-import { TaskCardSkeleton } from "./TaskCardSkeleton";
+} from "../../components/run/RunCard";
+import { TaskCard } from "~/components/run/TaskCard";
+import { TaskCardSkeleton } from "~/components/run/TaskCardSkeleton";
 
 export const loader = async ({ request, params }: LoaderArgs) => {
   const userId = await requireUserId(request);