website cleanup

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

@@ -11,8 +11,7 @@ import InfoBanner from '@/components/ui/InfoBanner';
 import PageHeader from '@/components/ui/PageHeader';
 import { siteConfig } from '@/lib/siteConfig';
 import { BillingViewModel } from '@/lib/view-models/BillingViewModel';
-import { SponsorService } from '@/lib/services/sponsors/SponsorService';
-import { ServiceFactory } from '@/lib/services/ServiceFactory';
+import { useServices } from '@/lib/services/ServiceProvider';
 import {
   CreditCard,
   DollarSign,
@@ -200,7 +199,7 @@ function InvoiceRow({ invoice, index }: { invoice: any; index: number }) {
     platform: 'Platform',
   };
 
-  const status = statusConfig[invoice.status];
+  const status = statusConfig[invoice.status as keyof typeof statusConfig];
   const StatusIcon = status.icon;
 
   return (
@@ -218,7 +217,7 @@ function InvoiceRow({ invoice, index }: { invoice: any; index: number }) {
           <div className="flex items-center gap-2 mb-0.5">
             <span className="font-medium text-white truncate">{invoice.description}</span>
             <span className="px-2 py-0.5 rounded text-xs bg-iron-gray text-gray-400 flex-shrink-0">
-              {typeLabels[invoice.sponsorshipType]}
+              {typeLabels[invoice.sponsorshipType as keyof typeof typeLabels]}
             </span>
           </div>
           <div className="flex items-center gap-3 text-sm text-gray-500">
@@ -261,6 +260,7 @@ function InvoiceRow({ invoice, index }: { invoice: any; index: number }) {
 
 export default function SponsorBillingPage() {
   const shouldReduceMotion = useReducedMotion();
+  const { sponsorService } = useServices();
   const [data, setData] = useState<BillingViewModel | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -269,7 +269,6 @@ export default function SponsorBillingPage() {
   useEffect(() => {
     const loadBilling = async () => {
       try {
-        const sponsorService = ServiceFactory.getSponsorService();
         const billingData = await sponsorService.getBilling('demo-sponsor-1');
         setData(new BillingViewModel(billingData));
       } catch (err) {