do to formatters

apps/website/components/drivers/DriverEntryRow.tsx

@@ -1,6 +1,6 @@
 
 
-import { CountryFlagDisplay } from '@/lib/display-objects/CountryFlagDisplay';
+import { CountryFlagFormatter } from '@/lib/formatters/CountryFlagFormatter';
 import { Badge } from '@/ui/Badge';
 import { Icon } from '@/ui/Icon';
 import { Image } from '@/ui/Image';
@@ -88,7 +88,7 @@ export function DriverEntryRow({
           justifyContent="center" 
           fontSize="0.625rem"
         >
-          {CountryFlagDisplay.fromCountryCode(country).toString()}
+          {CountryFlagFormatter.fromCountryCode(country).toString()}
         </Stack>
       </Stack>
 

apps/website/components/drivers/ProfileHero.tsx

@@ -1,16 +1,16 @@
 
 
 import { mediaConfig } from '@/lib/config/mediaConfig';
-import { CountryFlagDisplay } from '@/lib/display-objects/CountryFlagDisplay';
+import { CountryFlagFormatter } from '@/lib/formatters/CountryFlagFormatter';
+import { Box } from '@/ui/Box';
 import { Button } from '@/ui/Button';
 import { Heading } from '@/ui/Heading';
+import { Icon } from '@/ui/Icon';
 import { Image } from '@/ui/Image';
 import { Link } from '@/ui/Link';
 import { Stack } from '@/ui/Stack';
 import { Surface } from '@/ui/Surface';
 import { Text } from '@/ui/Text';
-import { Box } from '@/ui/Box';
-import { Icon } from '@/ui/Icon';
 import { Calendar, Clock, ExternalLink, Globe, Star, Trophy, UserPlus } from 'lucide-react';
 
 interface ProfileHeroProps {
@@ -93,7 +93,7 @@ export function ProfileHero({
           <Stack direction="row" align="center" gap={3} wrap mb={2}>
             <Heading level={1}>{driver.name}</Heading>
             <Text size="4xl" aria-label={`Country: ${driver.country}`}>
-              {CountryFlagDisplay.fromCountryCode(driver.country).toString()}
+              {CountryFlagFormatter.fromCountryCode(driver.country).toString()}
             </Text>
           </Stack>