update 6 files

components/Layout.tsx

@@ -1,5 +1,35 @@
+import AppBar from "@mui/material/AppBar";
+import Toolbar from "@mui/material/Toolbar";
 import Box from "@mui/material/Box";
+import { green } from "@mui/material/colors";
+import Avatar from "@mui/material/Avatar";
 
 export function Layout({ children }) {
-  return <Box>{children}</Box>;
+  return (
+    <>
+      <AppBar
+        elevation={0}
+        sx={{
+          background: green[100],
+          color: "black",
+        }}
+      >
+        <Toolbar>
+          <Box sx={{ flexGrow: 1 }}>Flextime appointments</Box>
+          <Box>
+            <Avatar
+              sx={{
+                width: 35,
+                height: 35,
+                borderRadius: 3,
+                background: green[300],
+              }}
+            />
+          </Box>
+        </Toolbar>
+      </AppBar>
+      <Toolbar />
+      {children}
+    </>
+  );
 }

next.config.js

@@ -0,0 +1,7 @@
+const withPWA = require('next-pwa')({
+   dest: 'public'
+})
+
+module.exports = withPWA({
+   // next.js config
+})