docker setup

apps/website/app/leagues/page.tsx

@@ -378,13 +378,10 @@ export default function LeaguesPage() {
   const [activeCategory, setActiveCategory] = useState<CategoryId>('all');
   const [showFilters, setShowFilters] = useState(false);
 
-  useEffect(() => {
-    void loadLeagues();
-  }, []);
+  const { leagueService } = useServices();
 
-  const loadLeagues = async () => {
+  const loadLeagues = useCallback(async () => {
     try {
-      const { leagueService } = useServices();
       const leagues = await leagueService.getAllLeagues();
       setRealLeagues(leagues);
     } catch (error) {
@@ -392,7 +389,11 @@ export default function LeaguesPage() {
     } finally {
       setLoading(false);
     }
-  };
+  }, [leagueService]);
+
+  useEffect(() => {
+    void loadLeagues();
+  }, [loadLeagues]);
 
   const leagues = realLeagues;