fix first online resevation

apps/admin/src/app/dashboard/layout.tsx

@@ -1,9 +1,23 @@
 'use client'
 
 import Link from 'next/link'
-import { usePathname, useRouter } from 'next/navigation'
+import { usePathname } from 'next/navigation'
 import { useEffect, useState } from 'react'
-import { AdminLanguageSwitcher, useAdminI18n } from '@/components/I18nProvider'
+import {
+  AdminLanguageSwitcher,
+  AdminThemeSwitcher,
+  useAdminI18n,
+} from '@/components/I18nProvider'
+
+const DASHBOARD_URL = process.env.NEXT_PUBLIC_DASHBOARD_URL ?? 'http://localhost:3001'
+
+function buildUnifiedLoginUrl(nextPath: string) {
+  const params = new URLSearchParams({
+    portal: 'admin',
+    next: nextPath || '/dashboard',
+  })
+  return `${DASHBOARD_URL}/sign-in?${params.toString()}`
+}
 
 const navLinks = [
   { href: '/dashboard', key: 'overview', icon: 'M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6' },
@@ -12,26 +26,26 @@ const navLinks = [
   { href: '/dashboard/renters', key: 'renters', icon: 'M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z' },
   { href: '/dashboard/audit-logs', key: 'auditLogs', icon: 'M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z' },
   { href: '/dashboard/admin-users', key: 'adminUsers', icon: 'M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z' },
+  { href: '/dashboard/billing', key: 'billing', icon: 'M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z' },
 ]
 
 export default function AdminDashboardLayout({ children }: { children: React.ReactNode }) {
   const { dict } = useAdminI18n()
   const pathname = usePathname()
-  const router = useRouter()
   const [ready, setReady] = useState(false)
 
   useEffect(() => {
     const token = localStorage.getItem('admin_token')
     if (!token) {
-      router.replace('/login')
+      window.location.replace(buildUnifiedLoginUrl(pathname))
     } else {
       setReady(true)
     }
-  }, [router])
+  }, [pathname])
 
   function handleLogout() {
     localStorage.removeItem('admin_token')
-    router.push('/login')
+    window.location.href = buildUnifiedLoginUrl('/dashboard')
   }
 
   if (!ready) {
@@ -43,8 +57,8 @@ export default function AdminDashboardLayout({ children }: { children: React.Rea
   }
 
   return (
-    <div className="flex h-screen">
-      <aside className="w-60 flex-shrink-0 flex flex-col border-r border-zinc-800 bg-zinc-900">
+    <div className="flex h-screen bg-zinc-950 text-zinc-100 transition-colors">
+      <aside className="w-60 flex-shrink-0 flex flex-col border-r border-zinc-800 bg-zinc-900 transition-colors">
         <Link href="/" className="block px-5 py-6">
           <p className="text-xs font-semibold uppercase tracking-[0.2em] text-emerald-400">{dict.admin}</p>
           <p className="mt-0.5 text-sm font-semibold text-zinc-100">RentalDriveGo</p>
@@ -57,9 +71,7 @@ export default function AdminDashboardLayout({ children }: { children: React.Rea
                 key={link.href}
                 href={link.href}
                 className={`flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-colors ${
-                  active
-                    ? 'bg-zinc-800 text-zinc-100'
-                    : 'text-zinc-400 hover:text-zinc-200 hover:bg-zinc-800/50'
+                  active ? 'bg-zinc-800 text-zinc-100' : 'text-zinc-400 hover:text-zinc-200 hover:bg-zinc-800/50'
                 }`}
               >
                 <svg className="h-4 w-4 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
@@ -73,19 +85,20 @@ export default function AdminDashboardLayout({ children }: { children: React.Rea
         <div className="px-3 py-4">
           <button
             onClick={handleLogout}
-            className="flex w-full items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium text-zinc-500 hover:text-red-400 hover:bg-zinc-800/50 transition-colors"
+            className="flex w-full items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium text-zinc-500 transition-colors hover:bg-zinc-800/50 hover:text-red-400"
           >
             <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
               <path strokeLinecap="round" strokeLinejoin="round" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" />
             </svg>
             {dict.logout}
           </button>
-          <div className="mt-4 flex justify-center border-t border-zinc-800 pt-4">
+          <div className="mt-4 flex flex-col items-center gap-3 border-t border-zinc-800 pt-4">
             <AdminLanguageSwitcher />
+            <AdminThemeSwitcher />
           </div>
         </div>
       </aside>
-      <main className="flex-1 overflow-y-auto bg-zinc-950">{children}</main>
+      <main className="flex-1 overflow-y-auto bg-zinc-950 transition-colors">{children}</main>
     </div>
   )
 }