website cleanup

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

@@ -8,8 +8,7 @@ import Card from '@/components/ui/Card';
 import Button from '@/components/ui/Button';
 import { siteConfig } from '@/lib/siteConfig';
 import { LeagueDetailViewModel } from '@/lib/view-models/LeagueDetailViewModel';
-import { SponsorService } from '@/lib/services/sponsors/SponsorService';
-import { ServiceFactory } from '@/lib/services/ServiceFactory';
+import { useServices } from '@/lib/services/ServiceProvider';
 import {
   Trophy,
   Users,
@@ -40,6 +39,8 @@ export default function SponsorLeagueDetailPage() {
   const searchParams = useSearchParams();
   const shouldReduceMotion = useReducedMotion();
 
+  const { sponsorService } = useServices();
+
   const showSponsorAction = searchParams.get('action') === 'sponsor';
   const [activeTab, setActiveTab] = useState<TabType>(showSponsorAction ? 'sponsor' : 'overview');
   const [selectedTier, setSelectedTier] = useState<'main' | 'secondary'>('main');
@@ -52,7 +53,6 @@ export default function SponsorLeagueDetailPage() {
   useEffect(() => {
     const loadLeagueDetail = async () => {
       try {
-        const sponsorService = ServiceFactory.getSponsorService();
         const leagueData = await sponsorService.getLeagueDetail(leagueId);
         setData(new LeagueDetailViewModel(leagueData));
       } catch (err) {
@@ -66,7 +66,7 @@ export default function SponsorLeagueDetailPage() {
     if (leagueId) {
       loadLeagueDetail();
     }
-  }, [leagueId]);
+  }, [leagueId, sponsorService]);
 
   if (loading) {
     return (
@@ -385,7 +385,7 @@ export default function SponsorLeagueDetailPage() {
                   }`} />
                   <div>
                     <div className="font-medium text-white">{race.name}</div>
-                    <div className="text-sm text-gray-500">{race.date}</div>
+                    <div className="text-sm text-gray-500">{race.formattedDate}</div>
                   </div>
                 </div>
                 <div className="flex items-center gap-4">
@@ -560,4 +560,4 @@ export default function SponsorLeagueDetailPage() {
       )}
     </div>
   );
-}
+}