refactor(auth): replace JWT/password-lock with token guards

app/admin/page.tsx

@@ -1,9 +1,9 @@
 'use client';
 
 import { useEffect, useState } from 'react';
-import ProtectedRoute from '@/components/protected-route';
-import { useAuth } from '@/lib/auth-context';
-import { wishlistsApi, itemsApi, settingsApi, type Wishlist, type Settings } from '@/lib/api';
+import { useRouter } from 'next/navigation';
+import AdminGuard from '@/components/admin-guard';
+import { authApi, wishlistsApi, itemsApi, settingsApi, type Wishlist, type Settings } from '@/lib/api';
 import Header from '@/components/header';
 import Link from 'next/link';
 import StatsGrid from '@/components/admin/StatsGrid';
@@ -13,15 +13,27 @@ import CreateWishlistModal from '@/components/admin/CreateWishlistModal';
 import ShareButton from '@/components/share-button';
 
 export default function AdminPage() {
-  const { logout } = useAuth();
+  return (
+    <AdminGuard>
+      <AdminPageContent />
+    </AdminGuard>
+  );
+}
+
+function AdminPageContent() {
+  const router = useRouter();
   const [wishlists, setWishlists] = useState<Wishlist[]>([]);
   const [itemCounts, setItemCounts] = useState<Record<string, number>>({});
   const [isLoading, setIsLoading] = useState(true);
   const [settings, setSettings] = useState<Settings>({
     siteTitle: 'Wishlist',
     homepageSubtext: 'Browse and explore available wishlists',
-    passwordLockEnabled: false,
   });
+
+  const logout = async () => {
+    await authApi.logout();
+    router.push('/');
+  };
   const [showCreateModal, setShowCreateModal] = useState(false);
   const [createError, setCreateError] = useState('');
 
@@ -124,7 +136,7 @@ export default function AdminPage() {
   };
 
   return (
-    <ProtectedRoute>
+    <>
       <div className="min-h-screen bg-gray-50 dark:bg-gray-900">
         <Header
           title="Dashboard"
@@ -230,6 +242,6 @@ export default function AdminPage() {
           error={createError}
         />
       </div>
-    </ProtectedRoute>
+    </>
   );
 }