Minor improvement.

components/Layouts/MainLayout.tsx

@@ -29,9 +29,11 @@ export default function Layout({ children }: LayoutProps) {
         </Head>
         <div className="flex">
           <Sidebar />
-          <div className="ml-80">
-            <Navbar />
-            {children}
+          <div className="ml-80 w-full">
+            <div className="mx-auto w-full">
+              <Navbar />
+              {children}
+            </div>
           </div>
         </div>
       </>

components/Navbar.tsx

@@ -1,3 +1,12 @@
+import { signOut } from "next-auth/react";
+
 export default function Navbar() {
-  return <div>Navbar</div>;
+  return (
+    <div className="flex justify-between p-5">
+      <p>Navbar</p>
+      <div onClick={() => signOut()} className="cursor-pointer w-max">
+        Sign Out
+      </div>
+    </div>
+  );
 }