website refactor

apps/website/components/sponsors/TransactionTable.tsx

@@ -7,9 +7,9 @@ import { AlertTriangle, Check, Clock, Download, Receipt } from 'lucide-react';
 
 export interface Transaction {
   id: string;
-  date: string;
+  formattedDate: string;
   description: string;
-  amount: number;
+  formattedAmount: string;
   status: 'paid' | 'pending' | 'overdue' | 'failed';
   invoiceNumber: string;
   type: string;
@@ -103,11 +103,11 @@ export function TransactionTable({ transactions, onDownload }: TransactionTableP
               </Stack>
 
               <Stack colSpan={{ base: 1, md: 2 } as any}>
-                <Text size="sm" color="text-gray-400">{new Date(tx.date).toLocaleDateString()}</Text>
+                <Text size="sm" color="text-gray-400">{tx.formattedDate}</Text>
               </Stack>
 
               <Stack colSpan={{ base: 1, md: 2 } as any}>
-                <Text weight="semibold" color="text-white">${tx.amount.toFixed(2)}</Text>
+                <Text weight="semibold" color="text-white">{tx.formattedAmount}</Text>
               </Stack>
 
               <Stack colSpan={{ base: 1, md: 2 } as any}>