UPDATE AUTH

src/app/(blank-layout-pages)/(guest-only)/login/page.tsx

@@ -1,27 +1,25 @@
 // Next Imports
-import type { Metadata } from 'next'
-import { getTranslations } from 'next-intl/server'
+import type { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 
 // Component Imports
-import Login from '@views/Login'
-
-// Server Action Imports
-import { getServerMode } from '@core/utils/serverHelpers'
+import Login from "@views/Login";
 
 export async function generateMetadata(): Promise<Metadata> {
-  const t = await getTranslations('login')
+  const t = await getTranslations("login");
 
   return {
-    title: t('title'),
-    description: t('description')
-  }
+    title: t("title"),
+    description: t("description"),
+  };
 }
 
 const LoginPage = async () => {
-  // Vars
-  const mode = await getServerMode()
+  return (
+    <div className="flex flex-col justify-center items-center min-bs-[100dvh] p-6">
+      <Login />
+    </div>
+  );
+};
 
-  return <Login mode={mode} />
-}
-
-export default LoginPage
+export default LoginPage;

src/app/(blank-layout-pages)/(guest-only)/register/page.tsx

@@ -1,22 +1,20 @@
 // Next Imports
-import type { Metadata } from 'next'
+import type { Metadata } from "next";
 
 // Component Imports
-import Register from '@views/Register'
-
-// Server Action Imports
-import { getServerMode } from '@core/utils/serverHelpers'
+import Register from "@views/Register";
 
 export const metadata: Metadata = {
-  title: 'Register',
-  description: 'Register to your account'
-}
+  title: "Register",
+  description: "Register to your account",
+};
 
 const RegisterPage = async () => {
-  // Vars
-  const mode = await getServerMode()
+  return (
+    <div className="flex flex-col justify-center items-center min-bs-[100dvh] p-6">
+      <Register />
+    </div>
+  );
+};
 
-  return <Register mode={mode} />
-}
-
-export default RegisterPage
+export default RegisterPage;