Navbar now takes up the full viewport width.

Client/src/Components/NavBar/index.jsx

@@ -46,8 +46,8 @@ function NavBar() {
   };
 
   return (
-    <AppBar position="static">
-      <Container maxWidth="xl">
+    <AppBar position="fixed" sx={{ width: '100%' }}>
+      <Container maxWidth="xl" sx={{ width: '100%' }}>
         <Toolbar disableGutters>
           <Typography
             variant="h6"