feat: localize guest endpoints and caching

resources/js/guest/components/EmotionPicker.tsx

@@ -3,6 +3,7 @@ import { useNavigate, useParams } from 'react-router-dom';
 import { Button } from '@/components/ui/button';
 import { ChevronRight } from 'lucide-react';
 import { cn } from '@/lib/utils';
+import { useTranslation } from '../i18n/useTranslation';
 
 interface Emotion {
   id: number;
@@ -33,6 +34,7 @@ export default function EmotionPicker({
   const [emotions, setEmotions] = useState<Emotion[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
+  const { locale } = useTranslation();
 
   // Fallback emotions (when API not available yet)
   const fallbackEmotions: Emotion[] = [
@@ -53,7 +55,12 @@ export default function EmotionPicker({
         setError(null);
         
         // Try API first
-        const response = await fetch(`/api/v1/events/${encodeURIComponent(eventKey)}/emotions`);
+        const response = await fetch(`/api/v1/events/${encodeURIComponent(eventKey)}/emotions?locale=${encodeURIComponent(locale)}`, {
+          headers: {
+            Accept: 'application/json',
+            'X-Locale': locale,
+          },
+        });
         if (response.ok) {
           const data = await response.json();
           setEmotions(Array.isArray(data) ? data : fallbackEmotions);
@@ -72,7 +79,7 @@ export default function EmotionPicker({
     }
 
     fetchEmotions();
-  }, [eventKey]);
+  }, [eventKey, locale]);
 
   const handleEmotionSelect = (emotion: Emotion) => {
     if (onSelect) {