feat: localize guest endpoints and caching

resources/js/guest/pages/UploadPage.tsx

@@ -110,7 +110,7 @@ export default function UploadPage() {
   const navigate = useNavigate();
   const [searchParams] = useSearchParams();
   const { markCompleted, completedCount } = useGuestTaskProgress(token);
-  const { t } = useTranslation();
+  const { t, locale } = useTranslation();
   const stats = useEventStats();
 
   const taskIdParam = searchParams.get('task');
@@ -209,7 +209,15 @@ const [canUpload, setCanUpload] = useState(true);
       try {
         setLoadingTask(true);
 
-        const res = await fetch(`/api/v1/events/${encodeURIComponent(eventKey)}/tasks`);
+        const res = await fetch(
+          `/api/v1/events/${encodeURIComponent(eventKey)}/tasks?locale=${encodeURIComponent(locale)}`,
+          {
+            headers: {
+              Accept: 'application/json',
+              'X-Locale': locale,
+            },
+          }
+        );
         if (!res.ok) throw new Error('Tasks konnten nicht geladen werden');
         const payload = (await res.json()) as unknown;
         const entries = Array.isArray(payload) ? payload.filter(isTaskPayload) : [];
@@ -264,7 +272,7 @@ const [canUpload, setCanUpload] = useState(true);
     return () => {
       active = false;
     };
-  }, [eventKey, taskId, emotionSlug, t, token]);
+  }, [eventKey, taskId, emotionSlug, t, token, locale]);
 
   // Check upload limits
   useEffect(() => {