Enhance billing and subscription management: Added payment method checks in ProtectedRoute, improved error handling in billing components, and optimized API calls to reduce throttling. Updated user account handling in various components to ensure accurate plan and subscription data display.

frontend/src/layout/AppSidebar.tsx

@@ -72,12 +72,26 @@ const AppSidebar: React.FC = () => {
   // Load module enable settings on mount (only once) - but only if user is authenticated
   useEffect(() => {
     // Only load if user is authenticated and settings aren't already loaded
-    if (user && isAuthenticated && !moduleEnableSettings && !settingsLoading) {
+    // Skip for non-module pages to reduce unnecessary calls (e.g., account/billing/signup)
+    const path = location.pathname || '';
+    const isModulePage = [
+      '/planner',
+      '/writer',
+      '/automation',
+      '/thinker',
+      '/linker',
+      '/optimizer',
+      '/publisher',
+      '/dashboard',
+      '/home',
+    ].some((p) => path.startsWith(p));
+
+    if (user && isAuthenticated && isModulePage && !moduleEnableSettings && !settingsLoading) {
       loadModuleEnableSettings().catch((error) => {
         console.warn('Failed to load module enable settings:', error);
       });
     }
-  }, [user, isAuthenticated]); // Only run when user/auth state changes
+  }, [user, isAuthenticated, location.pathname]); // Only run when user/auth or route changes
 
   // Define menu sections with useMemo to prevent recreation on every render
   // Filter out disabled modules based on module enable settings