chore: Add CLAUDE.md, TODO.md, and fix ReadBooks Tailwind classes

- Add CLAUDE.md with project architecture, conventions, and common tasks
- Add TODO.md with prioritized roadmap (book reviews, CMS, n8n, frontend)
- Fix invalid Tailwind classes in ReadBooks.tsx (h-30 -> h-[7.5rem], w-22 -> w-24)

https://claude.ai/code/session_017E8W9CcHFM5WQVHw74JP34

TODO.md

@@ -0,0 +1,51 @@
+# TODO - Portfolio Roadmap
+
+## Book Reviews (Neu)
+
+- [ ] **Directus Collection erstellen**: `book_reviews` mit Feldern:
+  - `status` (draft/published)
+  - `book_title` (String)
+  - `book_author` (String)
+  - `book_image` (String, URL zum Cover)
+  - `rating` (Integer, 1-5)
+  - `hardcover_id` (String, optional)
+  - `finished_at` (Datetime, optional)
+  - Translations: `review` (Text) + `languages_code` (FK)
+- [ ] **n8n Workflow**: Automatisch Directus-Entwurf erstellen wenn Buch auf Hardcover als "gelesen" markiert wird
+- [ ] **Hardcover GraphQL Query** für gelesene Bücher: `status_id: {_eq: 3}` (Read)
+- [ ] **Erste Testdaten**: 2-3 gelesene Bücher mit Rating + Kommentar in Directus anlegen
+
+## Directus CMS
+
+- [ ] Messages Collection: `messages` mit key + translations (ersetzt `messages/*.json`)
+- [ ] Projects vollständig zu Directus migrieren (`node scripts/migrate-projects-to-directus.js`)
+- [ ] Directus Webhooks einrichten: On-Demand ISR Revalidation bei Content-Änderungen
+- [ ] Directus Roles: Public Read Token, Admin Write
+
+## n8n Integrationen
+
+- [ ] Hardcover "Read Books" Webhook: Gelesene Bücher automatisch in Directus importieren
+- [ ] Spotify Now Playing verbessern: Album-Art Caching
+- [ ] Discord Rich Presence: Gaming-Status automatisch aktualisieren
+
+## Frontend
+
+- [ ] Dark Mode Support (Theme Toggle)
+- [ ] Blog/Artikel Sektion (Directus-basiert)
+- [ ] Projekt-Detail Seite: Bildergalerie/Lightbox
+- [ ] Performance: Bilder auf Next.js `<Image>` umstellen (statt `<img>`)
+- [ ] SEO: Structured Data (JSON-LD) für Projekte
+
+## Testing & Qualität
+
+- [ ] Jest Tests für neue API-Routes (`book-reviews`, `hobbies`, `tech-stack`)
+- [ ] Playwright E2E: Book Reviews Sektion testen
+- [ ] Lighthouse Score > 95 auf allen Seiten sicherstellen
+- [ ] Accessibility Audit (WCAG 2.1 AA)
+
+## DevOps
+
+- [ ] Staging Environment aufräumen und dokumentieren
+- [ ] GitHub Actions Migration (von Gitea Actions)
+- [ ] Docker Image Size optimieren (Multi-Stage Build prüfen)
+- [ ] Health Check Endpoint erweitern: Directus + n8n Connectivity