header and footer

src/Home.tsx

@@ -1,20 +1,12 @@
 import * as React from "react";
-import AppTheme from './shared-theme/AppTheme';
-import CssBaseline from '@mui/material/CssBaseline';
 import { Box, Typography } from '@mui/material';
-import Footer from './Footer';
-
-export default function Home(props: { disableCustomTheme?: boolean }) {
 
+export default function Home() {
   return (
-    <AppTheme {...props}>
-      <CssBaseline enableColorScheme />
-      <Box>
-        <Typography variant="h1" gutterBottom>
-          Welcome to Khata
-        </Typography>
-      </Box>
-      <Footer />
-    </AppTheme>
+    <Box sx={{ p: 4 }}>
+      <Typography variant="h1" gutterBottom>
+        Welcome to Khata
+      </Typography>
+    </Box>
   );
 }