feat: frontend modernization with HTMX, Alpine.js and Plyr (Phase 3)

- Integrated HTMX for server-driven UI updates and fragments
- Adopted Alpine.js for global reactive state and tab management
- Replaced legacy player with Plyr.io for premium streaming experience
- Implemented real-time download polling via HTMX
- Added server-sent Toast notification system
- Fixed navigation and authentication scoping issues

templates/components/anime_search_results.html

@@ -0,0 +1,42 @@
+{% from "components/anime_card.html" import anime_card %}
+
+<div class="search-results-container">
+    {% if results %}
+        {% for provider_id, items in results.items() %}
+            <div class="provider-section">
+                <h3 class="provider-title">{{ provider_id | upper }}</h3>
+                <div class="anime-grid">
+                    {% for anime in items %}
+                        {{ anime_card(anime) }}
+                    {% endfor %}
+                </div>
+            </div>
+        {% endfor %}
+    {% else %}
+        <div class="no-results">
+            <i class="fas fa-search"></i>
+            <p>Aucun résultat trouvé pour votre recherche.</p>
+        </div>
+    {% endif %}
+</div>
+
+<style>
+.provider-section { margin-bottom: 30px; }
+.provider-title { 
+    border-bottom: 2px solid #00d9ff; 
+    padding-bottom: 5px; 
+    margin-bottom: 15px;
+    font-size: 1.2rem;
+}
+.anime-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+    gap: 20px;
+}
+.no-results {
+    text-align: center;
+    padding: 50px;
+    color: #aaa;
+}
+.no-results i { font-size: 3rem; margin-bottom: 10px; display: block; }
+</style>