Enhance CountryFlag to accept country names and codes

- Add actualCountryCode computed property to handle both 2-letter codes and country names
- Extend parseCountryInput with common country name variations (USA, UK, etc.)
- Import parseCountryInput utility in CountryFlag component
- Update template to use actualCountryCode instead of direct countryCode prop

utils/countries.ts

@@ -321,8 +321,30 @@ export const parseCountryInput = (input: string): string | null => {
     return trimmed.toUpperCase();
   }
   
+  // Handle common variations and abbreviations
+  const commonVariations: Record<string, string> = {
+    'usa': 'US',
+    'uk': 'GB',
+    'england': 'GB',
+    'britain': 'GB',
+    'great britain': 'GB',
+    'america': 'US',
+    'united states of america': 'US',
+    'south korea': 'KR',
+    'north korea': 'KP',
+    'czech republic': 'CZ',
+    'czechia': 'CZ',
+    'russia': 'RU',
+    'russian federation': 'RU',
+  };
+  
+  const lowerInput = trimmed.toLowerCase();
+  if (commonVariations[lowerInput]) {
+    return commonVariations[lowerInput];
+  }
+  
   // Search by name
-  const found = countriesByName.get(trimmed.toLowerCase());
+  const found = countriesByName.get(lowerInput);
   return found ? found.code : null;
 };