Flatten

apps/link/app/(main)/setup/_components/Setup.tsx

@@ -2,6 +2,7 @@
 
 import { FC, useLayoutEffect } from "react";
 import { useRouter } from "next/navigation";
+import { CircularProgress, Box, Grid } from "@mui/material";
 import { ZammadWrapper } from "../../../(main)/_components/ZammadWrapper";
 
 export const Setup: FC = () => {
@@ -10,5 +11,21 @@ export const Setup: FC = () => {
     setTimeout(() => router.push("/"), 4000);
   }, [router]);
 
-  return <ZammadWrapper path="/auth/sso" hideSidebar={false} />;
+  return (
+    <Box sx={{ width: "100%" }}>
+      <Grid
+        container
+        direction="column"
+        sx={{ height: 500 }}
+        justifyContent="center"
+        alignContent="center"
+        alignItems="center"
+      >
+        <Grid item>
+          <CircularProgress size={80} color="success" />
+        </Grid>
+      </Grid>
+      <ZammadWrapper path="/auth/sso" hideSidebar={false} />
+    </Box>
+  );
 };