added footer

src/Home.tsx

@@ -1,26 +1,17 @@
 import * as React from "react";
+import AppTheme from './shared-theme/AppTheme';
+import CssBaseline from '@mui/material/CssBaseline';
+import Footer from './Footer';
+
+export default function Home(props: { disableCustomTheme?: boolean }) {
 
-const Home: React.FC = () => {
   return (
-    <div style={styles.container}>
-      <h1 style={styles.title}>Welcome to Khata</h1>
-    </div>
+    <AppTheme {...props}>
+      <CssBaseline enableColorScheme />
+      <div>
+        <h1>Welcome to Khata</h1>
+      </div>
+      <Footer />
+    </AppTheme>
   );
-};
-
-const styles: { [key: string]: React.CSSProperties } = {
-  container: {
-    height: "100vh",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "#0f172a",
-  },
-  title: {
-    color: "#ffffff",
-    fontSize: "2rem",
-    fontWeight: 600,
-  },
-};
-
-export default Home;
+}