Fixed settings layout on smaller devices

app/settings/layout.tsx

@@ -10,10 +10,10 @@ const SettingsLayout = async (
 
   return (
     <div className="h-full">
-      <div className={cn("hidden md:flex h-full w-[250px] z-30 flex-col fixed inset-y-0", header_url.endsWith("/settings") && "md:flex h-full w-full z-30 flex-col fixed inset-y-0")}>
+      <div className={cn("hidden md:flex h-full w-[250px] z-30 flex-col fixed inset-y-0",
+        header_url.endsWith("/settings") && "flex h-full w-full md:w-[250px] z-30 flex-col fixed inset-y-0")}>
         <SettingsNavigation />
       </div>
-      {header_url}
       <main className={cn("md:pl-[250px] h-full", header_url.endsWith("/settings") && "hidden")}>
         {children}
       </main>

app/settings/page.tsx

@@ -1,9 +1,6 @@
-import { auth } from "@/auth";
-
 const SettingsPage = async () => {
     return (
         <div>
-          {JSON.stringify(await auth())}
         </div>
     );
 }