WIP 2

apps/metamigo-frontend/app/_components/InternalLayout.tsx

@@ -3,19 +3,36 @@
 import { FC, PropsWithChildren, useState } from "react";
 import { Grid } from "@mui/material";
 import { Sidebar } from "./Sidebar";
+import { CssBaseline } from "@mui/material";
+import { css, Global } from "@emotion/react";
+import { fonts } from "@/app/_styles/theme";
+
+type LayoutProps = PropsWithChildren<{
+  docs?: any;
+}>;
 
 export const InternalLayout: FC<PropsWithChildren> = ({ children }) => {
   const [open, setOpen] = useState(true);
+  const { roboto } = fonts;
+  const globalCSS = css`
+    * {
+      font-family: ${roboto.style.fontFamily};
+    }
+  `;
 
   return (
-    <Grid container direction="row">
-      <Sidebar open={open} setOpen={setOpen} />
-      <Grid
-        item
-        sx={{ ml: open ? "270px" : "100px", width: "100%", height: "100vh" }}
-      >
-        {children as any}
+    <>
+      <Global styles={globalCSS} />
+      <CssBaseline />
+      <Grid container direction="row">
+        <Sidebar open={open} setOpen={setOpen} />
+        <Grid
+          item
+          sx={{ ml: open ? "270px" : "100px", width: "100%", height: "100vh" }}
+        >
+          {children as any}
+        </Grid>
       </Grid>
-    </Grid>
+    </>
   );
 };