umfangreiche Behebung von TS-Fehlern. "npm run types" läuft nun ohne Fehler durch

resources/js/guest/pages/HomePage.tsx

@@ -19,7 +19,7 @@ export default function HomePage() {
   const { name, hydrated } = useGuestIdentity();
   const stats = useEventStats();
   const { event } = useEventData();
-  const { completedCount } = useGuestTaskProgress(token);
+  const { completedCount } = useGuestTaskProgress(token ?? '');
   const { t, locale } = useTranslation();
   const { branding } = useEventBranding();
 
@@ -86,15 +86,16 @@ export default function HomePage() {
     async function loadMissions() {
       setMissionLoading(true);
       try {
-        const response = await fetch(
-          `/api/v1/events/${encodeURIComponent(token)}/tasks?locale=${encodeURIComponent(locale)}`,
-          {
-            headers: {
-              Accept: 'application/json',
-              'X-Locale': locale,
-            },
-          }
-        );
+    const safeToken = token ?? '';
+    const response = await fetch(
+      `/api/v1/events/${encodeURIComponent(safeToken)}/tasks?locale=${encodeURIComponent(locale)}`,
+      {
+        headers: {
+          Accept: 'application/json',
+          'X-Locale': locale,
+        },
+      }
+    );
         if (!response.ok) throw new Error('Aufgaben konnten nicht geladen werden.');
         const payload = await response.json();
         if (cancelled) return;

resources/js/guest/pages/PublicGalleryPage.tsx

@@ -30,7 +30,7 @@ const INITIAL_STATE: GalleryState = {
 
 const GALLERY_PAGE_SIZE = 30;
 
-export default function PublicGalleryPage(): JSX.Element | null {
+export default function PublicGalleryPage(): React.ReactElement | null {
   const { token } = useParams<{ token: string }>();
   const { t } = useTranslation();
   const [state, setState] = useState<GalleryState>(INITIAL_STATE);

resources/js/guest/pages/TaskPickerPage.tsx

@@ -2,7 +2,7 @@
 import { useNavigate, useParams, useSearchParams } from 'react-router-dom';
 import { Button } from '@/components/ui/button';
 import { Alert, AlertDescription } from '@/components/ui/alert';
-import { Sparkles, RefreshCw, Smile, Camera, Timer as TimerIcon, Heart, ChevronRight } from 'lucide-react';
+import { Sparkles, RefreshCw, Smile, Camera, Timer as TimerIcon, Heart, ChevronRight, CheckCircle2 } from 'lucide-react';
 import type { LucideIcon } from 'lucide-react';
 import { useGuestTaskProgress } from '../hooks/useGuestTaskProgress';
 import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group';

resources/js/guest/pages/UploadPage.tsx

@@ -882,7 +882,7 @@ const renderWithDialog = (content: ReactNode, wrapperClassName = 'space-y-6 pb-[
           <AlertDescription>
             {t('upload.limitReached')
               .replace('{used}', `${eventPackage?.used_photos || 0}`)
-              .replace('{max}', `${eventPackage?.package.max_photos || 0}`)}
+              .replace('{max}', `${eventPackage?.package?.max_photos || 0}`)}
           </AlertDescription>
         </Alert>
       </>