refactor: switch circular progress to linear for job cards

Author: OliverDudgeon

src/components/runCards/ApplicationCard/ApplicationCard.tsx

@@ -1,6 +1,6 @@
 import { type ApplicationSummary } from "@squonk/data-manager-client";
 
-import { CircularProgress } from "@mui/material";
+import { CircularProgress, LinearProgress } from "@mui/material";
 import dynamic from "next/dynamic";
 
 import { useIsUserAdminOrEditorOfCurrentProject } from "../../../hooks/projectHooks";
@@ -15,7 +15,7 @@ const ApplicationModalButton = dynamic<ApplicationModalButtonProps>(
 
 const InstancesList = dynamic<InstancesListProps>(
   () => import("../InstancesList").then((mod) => mod.InstancesList),
-  { loading: () => <CircularProgress size="1rem" /> },
+  { loading: () => <LinearProgress /> },
 );
 
 export interface ApplicationCardProps extends Pick<ApplicationModalButtonProps, "projectId"> {

src/components/runCards/InstancesList.tsx

@@ -1,13 +1,12 @@
 import { type InstanceSummary } from "@squonk/data-manager-client";
 import { useGetInstances } from "@squonk/data-manager-client/instance";
 
-import { Box, List, ListItemButton, ListItemText, Typography } from "@mui/material";
+import { Box, LinearProgress, List, ListItemButton, ListItemText, Typography } from "@mui/material";
 import dayjs from "dayjs";
 import A from "next/link";
 import { useRouter } from "next/router";
 
 import { useCurrentProjectId } from "../../hooks/projectHooks";
-import { CenterLoader } from "../CenterLoader";
 import { LocalTime } from "../LocalTime";
 
 type FilterPredicate = (value: InstanceSummary, index: number, array: InstanceSummary[]) => boolean;
@@ -32,7 +31,7 @@ export const InstancesList = ({ predicate }: InstancesListProps) => {
   );
 
   if (instances === undefined) {
-    return <CenterLoader />;
+    return <LinearProgress />;
   }
 
   if (instances.length === 0) {

src/components/runCards/JobCard/JobCard.tsx

@@ -1,6 +1,6 @@
 import { type JobSummary } from "@squonk/data-manager-client";
 
-import { Alert, Chip, CircularProgress, Link, Typography } from "@mui/material";
+import { Alert, Chip, LinearProgress, Link, Typography } from "@mui/material";
 import dynamic from "next/dynamic";
 
 import { BaseCard } from "../../BaseCard";
@@ -10,7 +10,7 @@ import { RunJobButton, type RunJobButtonProps } from "./RunJobButton";
 
 const InstancesList = dynamic<InstancesListProps>(
   () => import("../InstancesList").then((mod) => mod.InstancesList),
-  { loading: () => <CircularProgress size="1rem" /> },
+  { loading: () => <LinearProgress /> },
 );
 
 export interface ApplicationCardProps extends Pick<RunJobButtonProps, "projectId"> {