Minor improvement.

components/Layouts/MainLayout.tsx

@@ -29,11 +29,13 @@ export default function Layout({ children }: LayoutProps) {
         </Head>
         <div className="flex">
           <Sidebar />
-          <div className="ml-80">
+          <div className="ml-80 w-full">
+            <div className="mx-auto w-full">
               <Navbar />
               {children}
             </div>
           </div>
+        </div>
       </>
     );
   else if ((status === "unauthenticated" && !redirection) || !routeExists)

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>
+  );
 }

pages/login.tsx

@@ -19,7 +19,6 @@ export default function Login() {
       const res = await signIn("credentials", {
         email: form.email,
         password: form.password,
-        redirect: false,
       });
 
       if (res?.ok) {
@@ -27,8 +26,6 @@ export default function Login() {
           email: "",
           password: "",
         });
-
-        // router.push("/");
       } else {
         console.log("User not found or password does not match.", res);
       }