fix: add watchlist tab loading with interval

static/js/tabs.js

@@ -360,20 +360,10 @@ window.showDownloadInfo = showDownloadInfo;
 document.addEventListener('DOMContentLoaded', () => {
     // Wait for main.js to be loaded
     setTimeout(() => {
-        // Initialize watchlist tab flag
-        window.watchlistTabLoaded = false;
-        let watchlistRefreshInterval = null;
-
         // Override switchTab to load content when opening new tabs
         const originalSwitchTab = window.switchTab;
         if (originalSwitchTab) {
             window.switchTab = function(tabName) {
-                // Clear watchlist interval when switching away from watchlist
-                if (tabName !== 'watchlist' && watchlistRefreshInterval) {
-                    clearInterval(watchlistRefreshInterval);
-                    watchlistRefreshInterval = null;
-                }
-
                 // Call original switchTab first
                 originalSwitchTab(tabName);
 
@@ -401,11 +391,8 @@ document.addEventListener('DOMContentLoaded', () => {
                                 displayWatchlist();
                             }
                             window.watchlistTabLoaded = true;
-                            // Start 30-second auto-refresh interval
                             if (typeof displayWatchlist === 'function') {
-                                watchlistRefreshInterval = setInterval(() => {
-                                    displayWatchlist();
-                                }, 30000);
+                                window.watchlistRefreshInterval = setInterval(() => { displayWatchlist(); }, 30000);
                             }
                         }
                     }
@@ -414,43 +401,6 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     }, 500);
 });
-document.addEventListener('DOMContentLoaded', () => {
-    // Wait for main.js to be loaded
-    setTimeout(() => {
-        // Override switchTab to load content when opening new tabs
-        const originalSwitchTab = window.switchTab;
-        if (originalSwitchTab) {
-            window.switchTab = function(tabName) {
-                // Call original switchTab first
-                originalSwitchTab(tabName);
-
-                // Load content for new tabs (after a small delay for DOM to update)
-                setTimeout(() => {
-                    if (tabName === 'anime') {
-                        if (!window.animeTabLoaded) {
-                            loadAnimeReleases();
-                            window.animeTabLoaded = true;
-                        }
-                    } else if (tabName === 'series') {
-                        if (!window.seriesTabLoaded) {
-                            loadSeriesRecommendations();
-                            loadSeriesReleases();
-                            window.seriesTabLoaded = true;
-                        }
-                    } else if (tabName === 'providers') {
-                        if (!window.providersTabLoaded) {
-                            loadProvidersGrid();
-                            window.providersTabLoaded = true;
-                        }
-                    } else if (tabName === 'watchlist') {
-                        // Watchlist is handled by its own page
-                        window.location.href = '/watchlist';
-                    }
-                }, 100);
-            };
-        }
-    }, 500);
-});
 
 // Make functions available globally
 window.loadSeriesEpisodes = loadSeriesEpisodes;