header and footer

src/AppTheme.tsx

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { ThemeProvider, createTheme } from "@mui/material/styles";
+
+const theme = createTheme({
+  palette: {
+    // mode: "light", // or "dark"
+    mode: "dark", // or "dark"
+  },
+});
+
+export default function AppTheme({ children }: { children: React.ReactNode }) {
+  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+}