remove core from pages

apps/website/app/leagues/[id]/schedule/page.tsx

@@ -4,6 +4,7 @@ import LeagueSchedule from '@/components/leagues/LeagueSchedule';
 import Card from '@/components/ui/Card';
 import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
 import { isLeagueAdminOrHigherRole } from '@/lib/leagueRoles';
+import { useServices } from '@/lib/services/ServiceProvider';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 
@@ -12,17 +13,18 @@ export default function LeagueSchedulePage() {
   const router = useRouter();
   const leagueId = params.id as string;
   const currentDriverId = useEffectiveDriverId();
+  const { leagueMembershipService } = useServices();
   const [isAdmin, setIsAdmin] = useState(false);
   const [showCreateForm, setShowCreateForm] = useState(false);
 
   useEffect(() => {
     async function checkAdmin() {
-      const membershipRepo = getLeagueMembershipRepository();
-      const membership = await membershipRepo.getMembership(leagueId, currentDriverId);
+      await leagueMembershipService.fetchLeagueMemberships(leagueId);
+      const membership = leagueMembershipService.getMembership(leagueId, currentDriverId);
       setIsAdmin(membership ? isLeagueAdminOrHigherRole(membership.role) : false);
     }
     checkAdmin();
-  }, [leagueId, currentDriverId]);
+  }, [leagueId, currentDriverId, leagueMembershipService]);
 
   return (
     <div className="space-y-6">