Added a base layout with a nav bar

pages/auth.js

@@ -1,14 +1,26 @@
-import FirebaseAuth from '../components/FirebaseAuth'
+import { Box, Typography } from "@material-ui/core";
+import DefaultLayout from "../components/defaultLayout";
+import FirebaseAuth from "../components/FirebaseAuth";
+import styles from "./index.module.css";
 
 const Auth = () => {
   return (
-    <div>
-      <p>Sign in</p>
-      <div>
-        <FirebaseAuth />
-      </div>
-    </div>
-  )
-}
+    <DefaultLayout requiresAuth={false}>
+      <Box
+        boxShadow={2}
+        className={styles.index}
+        display="flex"
+        flexDirection="column"
+        justifyContent="center"
+        alignItems="center"
+      >
+        <Typography variant="h4">Sign in</Typography>
+        <div>
+          <FirebaseAuth />
+        </div>
+      </Box>
+    </DefaultLayout>
+  );
+};
 
-export default Auth
+export default Auth;