Fix tenant event form package selector so it no longer renders empty-value options, handles loading/empty

states, and pulls data from the authenticated /api/v1/tenant/packages endpoint.
    (resources/js/admin/pages/EventFormPage.tsx, resources/js/admin/api.ts)
  - Harden tenant-admin auth flow: prevent PKCE state loss, scope out StrictMode double-processing, add SPA
    routes for /event-admin/login and /event-admin/logout, and tighten token/session clearing semantics (resources/js/admin/auth/{context,tokens}.tsx, resources/js/admin/pages/{AuthCallbackPage,LogoutPage}.tsx,
    resources/js/admin/router.tsx, routes/web.php)

resources/js/admin/pages/AuthCallbackPage.tsx

@@ -8,8 +8,14 @@ export default function AuthCallbackPage() {
   const { completeLogin } = useAuth();
   const navigate = useNavigate();
   const [error, setError] = React.useState<string | null>(null);
+  const hasHandledRef = React.useRef(false);
 
   React.useEffect(() => {
+    if (hasHandledRef.current) {
+      return;
+    }
+    hasHandledRef.current = true;
+
     const params = new URLSearchParams(window.location.search);
     completeLogin(params)
       .then((redirectTo) => {

resources/js/admin/pages/EventFormPage.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useNavigate, useParams, useSearchParams } from 'react-router-dom';
-import { ArrowLeft, Loader2, Save, Sparkles, Package as PackageIcon } from 'lucide-react';
+import { ArrowLeft, Loader2, Save, Sparkles } from 'lucide-react';
 import { useQuery } from '@tanstack/react-query';
 
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
@@ -220,22 +220,30 @@ export default function EventFormPage() {
                 </div>
                 <div className="space-y-2">
                   <Label htmlFor="package_id">Package</Label>
-                  <Select value={form.package_id.toString()} onValueChange={(value) => setForm((prev) => ({ ...prev, package_id: parseInt(value) }))}>
-                  <SelectTrigger>
-                    <SelectValue placeholder="Waehlen Sie ein Package" />
-                  </SelectTrigger>
-                  <SelectContent>
-                    {packagesLoading ? (
-                      <SelectItem value="">Laden...</SelectItem>
-                    ) : (
-                      packages?.map((pkg) => (
-                        <SelectItem key={pkg.id} value={pkg.id.toString()}>
-                          {pkg.name} - {pkg.price} EUR ({pkg.max_photos} Fotos)
-                        </SelectItem>
-                      ))
-                    )}
-                  </SelectContent>
-                </Select>
+                  <Select
+                    value={form.package_id.toString()}
+                    onValueChange={(value) => setForm((prev) => ({ ...prev, package_id: parseInt(value, 10) }))}
+                    disabled={packagesLoading || !packages?.length}
+                  >
+                    <SelectTrigger>
+                      <SelectValue placeholder={packagesLoading ? 'Pakete werden geladen...' : 'Waehlen Sie ein Package'} />
+                    </SelectTrigger>
+                    {packages?.length ? (
+                      <SelectContent>
+                        {packages.map((pkg) => (
+                          <SelectItem key={pkg.id} value={pkg.id.toString()}>
+                            {pkg.name} - {pkg.price} EUR ({pkg.max_photos} Fotos)
+                          </SelectItem>
+                        ))}
+                      </SelectContent>
+                    ) : null}
+                  </Select>
+                  {packagesLoading ? (
+                    <p className="text-xs text-slate-500">Pakete werden geladen...</p>
+                  ) : null}
+                  {!packagesLoading && (!packages || packages.length === 0) ? (
+                    <p className="text-xs text-red-500">Keine Pakete verfuegbar. Bitte pruefen Sie Ihre Einstellungen.</p>
+                  ) : null}
                   <Dialog>
                     <DialogTrigger asChild>
                       <Button variant="outline" size="sm">Package-Details</Button>

resources/js/admin/pages/LogoutPage.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { useAuth } from '../auth/context';
+import { ADMIN_PUBLIC_LANDING_PATH } from '../constants';
+
+export default function LogoutPage() {
+  const { logout } = useAuth();
+
+  React.useEffect(() => {
+    logout({ redirect: ADMIN_PUBLIC_LANDING_PATH });
+  }, [logout]);
+
+  return (
+    <div className="flex min-h-screen items-center justify-center bg-gradient-to-br from-rose-50 via-white to-slate-50 text-sm text-slate-600">
+      <div className="rounded-2xl border border-rose-100 bg-white/90 px-6 py-4 shadow-sm shadow-rose-100/60">
+        Abmeldung wird vorbereitet ...
+      </div>
+    </div>
+  );
+}