website refactor

apps/website/ui/SponsorMetricCard.tsx

@@ -2,11 +2,12 @@ import React from 'react';
 import { Box } from './Box';
 import { Text } from './Text';
 import { Icon } from './Icon';
+import { LucideIcon } from 'lucide-react';
 
 interface SponsorMetricCardProps {
   label: string;
   value: string | number;
-  icon: React.ComponentType<{ className?: string }>;
+  icon: LucideIcon;
   color?: string;
   trend?: {
     value: number;
@@ -30,7 +31,7 @@ export function SponsorMetricCard({
       borderColor="border-charcoal-outline"
     >
       <Box display="flex" alignItems="center" gap={1.5} className={color} mb={1}>
-        <Icon icon={icon as any} size={4} />
+        <Icon icon={icon} size={4} />
         <Text size="xs" weight="medium">{label}</Text>
       </Box>
       <Box display="flex" alignItems="baseline" gap={2}>