feat: implement tenant OAuth flow and guest achievements

resources/js/admin/pages/SettingsPage.tsx

@@ -2,22 +2,34 @@ import React from 'react';
 import AppearanceToggleDropdown from '@/components/appearance-dropdown';
 import { Button } from '@/components/ui/button';
 import { useNavigate } from 'react-router-dom';
+import { useAuth } from '../auth/context';
 
 export default function SettingsPage() {
   const nav = useNavigate();
-  function logout() {
-    localStorage.removeItem('ta_token');
-    nav('/admin/login', { replace: true });
+  const { user, logout } = useAuth();
+
+  function handleLogout() {
+    logout({ redirect: '/admin/login' });
   }
+
   return (
-    <div className="mx-auto max-w-sm p-6">
-      <h1 className="mb-4 text-lg font-semibold">Einstellungen</h1>
-      <div className="mb-4">
+    <div className="mx-auto max-w-sm space-y-4 p-6">
+      <div>
+        <h1 className="text-lg font-semibold">Einstellungen</h1>
+        {user && (
+          <p className="mt-1 text-sm text-muted-foreground">
+            Angemeldet als {user.name ?? user.email ?? 'Tenant Admin'} - Tenant #{user.tenant_id}
+          </p>
+        )}
+      </div>
+      <div>
         <div className="text-sm font-medium">Darstellung</div>
         <AppearanceToggleDropdown />
       </div>
-      <Button variant="destructive" onClick={logout}>Abmelden</Button>
+      <div className="flex gap-2">
+        <Button variant="destructive" onClick={handleLogout}>Abmelden</Button>
+        <Button variant="secondary" onClick={() => nav(-1)}>Zurück</Button>
+      </div>
     </div>
   );
 }
-