rearranged tenant admin layout, invite layouts now visible and manageable

resources/js/guest/pages/AchievementsPage.tsx

@@ -1,9 +1,8 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Link, useParams } from 'react-router-dom';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { cn } from '@/lib/utils';
 import { Button } from '@/components/ui/button';
-import { Badge } from '@/components/ui/badge';
 import { Skeleton } from '@/components/ui/skeleton';
 import { Alert, AlertDescription } from '@/components/ui/alert';
 import { Separator } from '@/components/ui/separator';
@@ -90,10 +89,10 @@ function BadgesGrid({ badges }: { badges: AchievementBadge[] }) {
       <Card>
         <CardHeader>
           <CardTitle>Badges</CardTitle>
-          <CardDescription>Erfuelle Aufgaben und sammle Likes, um Badges freizuschalten.</CardDescription>
+          <CardDescription>Erfülle Aufgaben und sammle Likes, um Badges freizuschalten.</CardDescription>
         </CardHeader>
         <CardContent>
-          <p className="text-sm text-muted-foreground">Noch keine Badges verfuegbar.</p>
+          <p className="text-sm text-muted-foreground">Noch keine Badges verfügbar.</p>
         </CardContent>
       </Card>
     );
@@ -103,7 +102,7 @@ function BadgesGrid({ badges }: { badges: AchievementBadge[] }) {
     <Card>
       <CardHeader>
         <CardTitle>Badges</CardTitle>
-        <CardDescription>Dein Fortschritt bei den verfuegbaren Erfolgen.</CardDescription>
+        <CardDescription>Dein Fortschritt bei den verfügbaren Erfolgen.</CardDescription>
       </CardHeader>
       <CardContent className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
         {badges.map((badge) => (
@@ -139,7 +138,7 @@ function Timeline({ points }: { points: TimelinePoint[] }) {
         {points.map((point) => (
           <div key={point.date} className="flex items-center justify-between rounded-lg border border-border/40 bg-muted/20 px-3 py-2">
             <span className="font-medium text-foreground">{point.date}</span>
-            <span className="text-muted-foreground">{point.photos} Fotos | {point.guests} Gaeste</span>
+            <span className="text-muted-foreground">{point.photos} Fotos | {point.guests} Gäste</span>
           </div>
         ))}
       </CardContent>
@@ -156,7 +155,7 @@ function Feed({ feed }: { feed: FeedEntry[] }) {
           <CardDescription>Neue Uploads erscheinen hier in Echtzeit.</CardDescription>
         </CardHeader>
         <CardContent>
-          <p className="text-sm text-muted-foreground">Noch keine Uploads - starte die Kamera und lege los!</p>
+          <p className="text-sm text-muted-foreground">Noch keine Uploads – starte die Kamera und lege los!</p>
         </CardContent>
       </Card>
     );
@@ -215,7 +214,7 @@ function Highlights({ topPhoto, trendingEmotion }: { topPhoto: TopPhotoHighlight
                 <div className="flex h-48 w-full items-center justify-center bg-muted text-muted-foreground">Kein Vorschau-Bild</div>
               )}
             </div>
-            <p><span className="font-semibold text-foreground">{topPhoto.guest || 'Gast'}</span> <EFBFBD> {topPhoto.likes} Likes</p>
+            <p><span className="font-semibold text-foreground">{topPhoto.guest || 'Gast'}</span> – {topPhoto.likes} Likes</p>
             {topPhoto.task && <p className="text-muted-foreground">Aufgabe: {topPhoto.task}</p>}
             <p className="text-xs text-muted-foreground">{formatRelativeTime(topPhoto.createdAt)}</p>
           </CardContent>
@@ -252,13 +251,13 @@ function SummaryCards({ data }: { data: AchievementsPayload }) {
       </Card>
       <Card>
         <CardContent className="flex flex-col gap-1 py-4">
-          <span className="text-xs uppercase text-muted-foreground">Aktive Gaeste</span>
+          <span className="text-xs uppercase text-muted-foreground">Aktive Gäste</span>
           <span className="text-2xl font-semibold text-foreground">{formatNumber(data.summary.uniqueGuests)}</span>
         </CardContent>
       </Card>
       <Card>
         <CardContent className="flex flex-col gap-1 py-4">
-          <span className="text-xs uppercase text-muted-foreground">Erfuellte Aufgaben</span>
+          <span className="text-xs uppercase text-muted-foreground">Erfüllte Aufgaben</span>
           <span className="text-2xl font-semibold text-foreground">{formatNumber(data.summary.tasksSolved)}</span>
         </CardContent>
       </Card>
@@ -339,7 +338,7 @@ export default function AchievementsPage() {
           </div>
           <div>
             <h1 className="text-2xl font-semibold text-foreground">Erfolge</h1>
-            <p className="text-sm text-muted-foreground">Behalte deine Highlights, Badges und die aktivsten Gaeste im Blick.</p>
+            <p className="text-sm text-muted-foreground">Behalte deine Highlights, Badges und die aktivsten Gäste im Blick.</p>
           </div>
         </div>
       </div>
@@ -424,13 +423,13 @@ export default function AchievementsPage() {
                   title="Top Uploads"
                   icon={Users}
                   entries={data.leaderboards.uploads}
-                  emptyCopy="Noch keine Uploads - sobald Fotos vorhanden sind, erscheinen sie hier."
+                  emptyCopy="Noch keine Uploads – sobald Fotos vorhanden sind, erscheinen sie hier."
                 />
                 <Leaderboard
-                  title="Beliebteste Gaeste"
+                  title="Beliebteste Gäste"
                   icon={Trophy}
                   entries={data.leaderboards.likes}
-                  emptyCopy="Likes fehlen noch - motiviere die Gaeste, Fotos zu liken."
+                  emptyCopy="Likes fehlen noch – motiviere die Gäste, Fotos zu liken."
                 />
               </div>
             </div>

resources/js/guest/pages/TaskPickerPage.tsx

@@ -92,12 +92,12 @@ export default function TaskPickerPage() {
         map.set(task.emotion.slug, task.emotion.name);
       }
     });
-    return Array.from(map.entries()).map(([slugValue, name]) => ({ slug: tokenValue, name }));
+    return Array.from(map.entries()).map(([slugValue, name]) => ({ slug: slugValue, name }));
   }, [tasks]);
 
   const filteredTasks = React.useMemo(() => {
     if (selectedEmotion === 'all') return tasks;
-    return tasks.filter((task) => task.emotion?.token === selectedEmotion);
+    return tasks.filter((task) => task.emotion?.slug === selectedEmotion);
   }, [tasks, selectedEmotion]);
 
   const selectRandomTask = React.useCallback(
@@ -243,14 +243,14 @@ export default function TaskPickerPage() {
     <div className="space-y-6">
       <header className="space-y-3">
         <div className="flex items-center justify-between gap-4">
-          <h1 className="text-2xl font-semibold text-foreground">Aufgabe auswaehlen</h1>
+          <h1 className="text-2xl font-semibold text-foreground">Aufgabe auswählen</h1>
           <Badge variant="secondary" className="whitespace-nowrap">
             Schon {completedCount} Aufgaben erledigt
           </Badge>
         </div>
         <div className="rounded-xl border bg-muted/40 p-4">
           <div className="flex items-center justify-between text-sm font-medium text-muted-foreground">
-            <span>Auf dem Weg zum naechsten Erfolg</span>
+            <span>Auf dem Weg zum nächsten Erfolg</span>
             <span>
               {completedCount >= TASK_PROGRESS_TARGET
                 ? 'Stark!'
@@ -427,7 +427,7 @@ export default function TaskPickerPage() {
 
       {!loading && !tasks.length && !error && (
         <Alert>
-          <AlertDescription>Fuer dieses Event sind derzeit keine Aufgaben hinterlegt.</AlertDescription>
+          <AlertDescription>Für dieses Event sind derzeit keine Aufgaben hinterlegt.</AlertDescription>
         </Alert>
       )}
     </div>
@@ -504,8 +504,8 @@ function EmptyState({
         <h2 className="text-xl font-semibold">Keine passende Aufgabe gefunden</h2>
         <p className="text-sm text-muted-foreground">
           {hasTasks
-            ? 'Fuer deine aktuelle Stimmung gibt es gerade keine Aufgabe. Waehle eine andere Stimmung oder lade neue Aufgaben.'
-            : 'Hier sind noch keine Aufgaben hinterlegt. Bitte versuche es spaeter erneut.'}
+            ? 'Für deine aktuelle Stimmung gibt es gerade keine Aufgabe. Wähle eine andere Stimmung oder lade neue Aufgaben.'
+            : 'Hier sind noch keine Aufgaben hinterlegt. Bitte versuche es später erneut.'}
         </p>
       </div>
       {hasTasks && emotionOptions.length > 0 && (