website cleanup

apps/website/app/sponsor/leagues/page.tsx

@@ -7,8 +7,7 @@ import Card from '@/components/ui/Card';
 import Button from '@/components/ui/Button';
 import { siteConfig } from '@/lib/siteConfig';
 import { AvailableLeaguesViewModel } from '@/lib/view-models/AvailableLeaguesViewModel';
-import { SponsorService } from '@/lib/services/sponsors/SponsorService';
-import { ServiceFactory } from '@/lib/services/ServiceFactory';
+import { useServices } from '@/lib/services/ServiceProvider';
 import { 
   Trophy, 
   Users, 
@@ -194,6 +193,7 @@ function LeagueCard({ league, index }: { league: any; index: number }) {
 
 export default function SponsorLeaguesPage() {
   const shouldReduceMotion = useReducedMotion();
+  const { sponsorService } = useServices();
   const [searchQuery, setSearchQuery] = useState('');
   const [tierFilter, setTierFilter] = useState<TierFilter>('all');
   const [availabilityFilter, setAvailabilityFilter] = useState<AvailabilityFilter>('all');
@@ -205,7 +205,6 @@ export default function SponsorLeaguesPage() {
   useEffect(() => {
     const loadLeagues = async () => {
       try {
-        const sponsorService = ServiceFactory.getSponsorService();
         const leaguesData = await sponsorService.getAvailableLeagues();
         setData(new AvailableLeaguesViewModel(leaguesData));
       } catch (err) {
@@ -217,7 +216,7 @@ export default function SponsorLeaguesPage() {
     };
 
     loadLeagues();
-  }, []);
+  }, [sponsorService]);
 
   if (loading) {
     return (
@@ -458,4 +457,4 @@ export default function SponsorLeaguesPage() {
       </div>
     </div>
   );
-}
+}