feat: implement Phase 5 Swipe Discovery Carousel

.agents/TODO.md

@@ -24,7 +24,7 @@ Dieses Dokument enthält den aktuellen Entwicklungsstand und detaillierte Aufgab
   - Admin-Erweiterung für Step-Videos
   - Fullscreen Cooking-Mode Overlay (mit Lenis scroll lock)
   - Timers & Looping Video Players pro Zubereitungsschritt
-- [ ] **Phase 5: Sleek Swipe Discovery (Personalisiertes Empfehlungskarussell)**
+- [x] **Phase 5: Sleek Swipe Discovery (Personalisiertes Empfehlungskarussell)**
   - Touch-Swipe-Karussell direkt auf index.php (unter Landing-Page)
   - Filteralgorithmus nach Benutzer-Ernährungszielen
   - Mikro-Animationen & Quick-Save Funktion
@@ -123,18 +123,18 @@ Ein immersiver Kochmodus, der Anwendern Schritt-für-Schritt durch die Zubereitu
 ### 🎡 Phase 5: Sleek Swipe Discovery (Empfehlungskarussell)
 Ein hochgradig interaktives, touch-freundliches Karussell direkt auf der Startseite, das Nutzern Rezepte basierend auf ihren Zielen empfiehlt.
 
-- [ ] **Karussell-Architektur & Integration**
-  - [ ] Touch-Swipe Karussell Container direkt unter der Landing-Page (vor `#basics`) auf `index.php` einbetten
-  - [ ] CSS-Klammern (`clamp()`) für responsive Skalierung der Karten
-  - [ ] Flüssiges Einblenden per Scroll-Reveal (`reveal-target`) mit Anbindung an `LenisSmoothScroll`
-- [ ] **Personalisiertes Goal-Matching**
-  - [ ] Falls der Benutzer eingeloggt ist, sein Ernährungsziel aus den Firebase-Profildaten abrufen
-  - [ ] Rezepte dynamisch filtern (z.B. High-Protein Rezepte bei Ziel "Muskelaufbau", Low-Carb Rezepte bei Ziel "Abnehmen")
-  - [ ] Personalisierte "Für dich empfohlen"-Badge auf den Karten anzeigen
-- [ ] **Mikro-Interaktionen & Quick-Save**
-  - [ ] Touch-Gesten-Unterstützung (Wischen zum Blättern mit sanftem Trägheits-Feedback)
-  - [ ] Quick-Save Button direkt auf den Karussell-Karten (Herzeffekt mit direktem Firebase Firestore Sync)
-  - [ ] Hover-Reveal-Effekte für Rezeptdetails (Zutaten-Vorschau oder Kochzeit-Highlight schiebt sich weich hoch)
+- [x] **Karussell-Architektur & Integration**
+  - [x] Touch-Swipe Karussell Container direkt unter der Landing-Page (vor `#basics`) auf `index.php` einbetten
+  - [x] CSS-Klammern (`clamp()`) für responsive Skalierung der Karten
+  - [x] Flüssiges Einblenden per Scroll-Reveal (`reveal-target`) mit Anbindung an `LenisSmoothScroll`
+- [x] **Personalisiertes Goal-Matching**
+  - [x] Falls der Benutzer eingeloggt ist, sein Ernährungsziel aus den Firebase-Profildaten abrufen
+  - [x] Rezepte dynamisch filtern (z.B. High-Protein Rezepte bei Ziel "Muskelaufbau", Low-Carb Rezepte bei Ziel "Abnehmen")
+  - [x] Personalisierte "Für dich empfohlen"-Badge auf den Karten anzeigen
+- [x] **Mikro-Interaktionen & Quick-Save**
+  - [x] Touch-Gesten-Unterstützung (Wischen zum Blättern mit sanftem Trägheits-Feedback)
+  - [x] Quick-Save Button direkt auf den Karussell-Karten (Herzeffekt mit direktem Firebase Firestore Sync)
+  - [x] Hover-Reveal-Effekte für Rezeptdetails (Zutaten-Vorschau oder Kochzeit-Highlight schiebt sich weich hoch)
 
 ---