Improve the design of the frontend

frontend/src/hooks/useDashboard.ts

@@ -229,14 +229,16 @@ export const useDashboard = () => {
 
   // Load data on mount and when tenant changes
   useEffect(() => {
-    loadDashboardData();
-  }, [loadDashboardData]);
+    if (tenantId) {
+      loadDashboardData(tenantId);
+    }
+  }, [loadDashboardData, tenantId]);
 
   return {
     ...dashboardData,
     isLoading: isLoading || dataLoading || forecastLoading,
     error: error || dataError || forecastError,
-    reload: loadDashboardData,
+    reload: () => tenantId ? loadDashboardData(tenantId) : Promise.resolve(),
     clearError: () => setError(null)
   };
 };