Phase 3: HTMX & Alpine.js integration, router refactoring, and UI modernization

- Modernized the frontend with HTMX for server-driven UI and Alpine.js for client state.
- Refactored anime, player, and recommendation logic into modular routers.
- Updated README.md to reflect the latest project state and technologies (v2.4).
- Added Plyr.io for an improved streaming experience.
- Improved project structure with componentized templates.
- Added Playwright and Vitest configuration for frontend testing.

templates/components/anime_search_results.html

@@ -15,28 +15,24 @@
     {% else %}
         <div class="no-results">
             <i class="fas fa-search"></i>
-            <p>Aucun résultat trouvé pour votre recherche.</p>
+            <p>Aucun anime trouvé pour votre recherche.</p>
         </div>
     {% endif %}
 </div>
 
 <style>
-.provider-section { margin-bottom: 30px; }
+.provider-section { margin-bottom: 40px; }
 .provider-title { 
-    border-bottom: 2px solid #00d9ff; 
-    padding-bottom: 5px; 
-    margin-bottom: 15px;
+    color: var(--primary);
+    margin-bottom: 20px;
     font-size: 1.2rem;
-}
-.anime-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
-    gap: 20px;
+    text-transform: uppercase;
+    letter-spacing: 1px;
 }
 .no-results {
     text-align: center;
-    padding: 50px;
-    color: #aaa;
+    padding: 100px 20px;
+    color: var(--text-dim);
 }
-.no-results i { font-size: 3rem; margin-bottom: 10px; display: block; }
+.no-results i { font-size: 4rem; margin-bottom: 20px; display: block; opacity: 0.2; }
 </style>