feat: implement authentication flow with login page, middleware protection, and session-based role management

src/app/login/layout.tsx

@@ -0,0 +1,29 @@
+import type { Metadata, Viewport } from "next";
+import { Inter } from "next/font/google";
+import "../globals.css";
+
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "JAIBEN Mobility - Login",
+  description: "Login to JAIBEN Mobility EV Rental Platform",
+};
+
+export const viewport: Viewport = {
+  themeColor: "#ffffff",
+  width: "device-width",
+  initialScale: 1,
+  maximumScale: 1,
+  userScalable: false,
+};
+
+export default function LoginLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <section className="min-h-screen bg-slate-50 antialiased flex items-center justify-center">
+      {children}
+    </section>
+  );
+}