Use server actions instead of client-side API calls

apps/link/app/(main)/_components/InternalLayout.tsx

@@ -1,21 +1,32 @@
 "use client";
 
 import { FC, PropsWithChildren, useState } from "react";
-import { Grid } from "@mui/material";
+import { Grid, Box } from "@mui/material";
 import { Sidebar } from "./Sidebar";
+import { SetupModeWarning } from "./SetupModeWarning";
 
-export const InternalLayout: FC<PropsWithChildren> = ({ children }) => {
+interface InternalLayoutProps extends PropsWithChildren {
+  setupModeActive: boolean;
+}
+
+export const InternalLayout: FC<InternalLayoutProps> = ({
+  children,
+  setupModeActive,
+}) => {
   const [open, setOpen] = useState(true);
 
   return (
-    <Grid container direction="row">
-      <Sidebar open={open} setOpen={setOpen} />
-      <Grid
-        item
-        sx={{ ml: open ? "270px" : "70px", width: "100%", height: "100vh" }}
-      >
-        {children as any}
+    <Box sx={{ position: "relative" }}>
+      <SetupModeWarning setupModeActive={setupModeActive} />
+      <Grid container direction="row">
+        <Sidebar open={open} setOpen={setOpen} />
+        <Grid
+          item
+          sx={{ ml: open ? "270px" : "70px", width: "100%", height: "100vh" }}
+        >
+          {children as any}
+        </Grid>
       </Grid>
-    </Grid>
+    </Box>
   );
 };