feat: Redesign web interface with 5 static tabs

Redesigned the web interface with a cleaner 5-tab layout:
- Accueil: Recommendations + Latest releases mixed
- Recherche: Unified search for anime and series
- Anime: Latest anime releases
- Série: Latest series releases
- Fournisseurs: Provider list with file hosts

Technical changes:
- Created new tabs.js for Anime, Série, and Fournisseurs tabs
- Modified header.html to use static tabs instead of dynamic
- Fixed carousel CSS classes in home_section.html
- Added null checks in main.js to prevent JS errors
- Simplified loadProviders() for legacy support
- All functionality preserved and working

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>

templates/index.html

@@ -7,7 +7,43 @@
 
 {% include "components/search_tab.html" %}
 
-{% include "components/direct_tab.html" %}
+<!-- Nouveaux onglets -->
+<div id="tab-anime" class="tab-content">
+    <div class="section-header">
+        <h2>🎬 Anime</h2>
+        <div style="display:flex; gap:10px;">
+            <button class="btn-small btn-secondary" onclick="loadAnimeReleases()">
+                <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" style="width:14px;height:14px;">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
+                </svg>
+                Dernières sorties
+            </button>
+        </div>
+    </div>
+    <div id="animeReleasesList" class="recommendations-carousel" style="margin-bottom: 40px;"></div>
+</div>
+
+<div id="tab-series" class="tab-content">
+    <div class="section-header">
+        <h2>📺 Séries TV</h2>
+        <div style="display:flex; gap:10px;">
+            <button class="btn-small btn-secondary" onclick="loadSeriesReleases()">
+                <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" style="width:14px;height:14px;">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
+                </svg>
+                Dernières sorties
+            </button>
+        </div>
+    </div>
+    <div id="seriesReleasesList" class="releases-carousel" style="margin-bottom: 40px;"></div>
+</div>
+
+<div id="tab-providers" class="tab-content">
+    <div class="section-header">
+        <h2>📦 Fournisseurs de Streaming</h2>
+    </div>
+    <div id="providersGrid" class="search-results"></div>
+</div>
 
 {% include "components/downloads_section.html" %}
 {% endblock %}