fix: responsiveness

src/components/Countries.tsx

@@ -0,0 +1,40 @@
+// components/Countries.ts
+
+export interface Country {
+  name: string;
+  fa: string;
+  flag: string;
+}
+
+export const countries: Country[] = [
+  { name: 'Afghanistan', fa: 'افغانستان', flag: 'af' },
+  { name: 'Albania', fa: 'آلبانی', flag: 'al' },
+  { name: 'Algeria', fa: 'الجزایر', flag: 'dz' },
+  { name: 'Argentina', fa: 'آرژانتین', flag: 'ar' },
+  { name: 'Armenia', fa: 'ارمنستان', flag: 'am' },
+  { name: 'Australia', fa: 'استرالیا', flag: 'au' },
+  { name: 'Austria', fa: 'اتریش', flag: 'at' },
+  { name: 'Bahrain', fa: 'بحرین', flag: 'bh' },
+  { name: 'Canada', fa: 'کانادا', flag: 'ca' },
+  { name: 'China', fa: 'چین', flag: 'cn' },
+  { name: 'France', fa: 'فرانسه', flag: 'fr' },
+  { name: 'Germany', fa: 'آلمان', flag: 'de' },
+  { name: 'India', fa: 'هند', flag: 'in' },
+  { name: 'Iran', fa: 'ایران', flag: 'ir' },
+  { name: 'Iraq', fa: 'عراق', flag: 'iq' },
+  { name: 'Italy', fa: 'ایتالیا', flag: 'it' },
+  { name: 'Japan', fa: 'ژاپن', flag: 'jp' },
+  { name: 'Netherlands', fa: 'هلند', flag: 'nl' },
+  { name: 'Pakistan', fa: 'پاکستان', flag: 'pk' },
+  { name: 'Qatar', fa: 'قطر', flag: 'qa' },
+  { name: 'Russia', fa: 'روسیه', flag: 'ru' },
+  { name: 'Saudi Arabia', fa: 'عربستان سعودی', flag: 'sa' },
+  { name: 'Spain', fa: 'اسپانیا', flag: 'es' },
+  { name: 'Sweden', fa: 'سوئد', flag: 'se' },
+  { name: 'Switzerland', fa: 'سوئیس', flag: 'ch' },
+  { name: 'Turkey', fa: 'ترکیه', flag: 'tr' },
+  { name: 'United Arab Emirates', fa: 'امارات متحده عربی', flag: 'ae' },
+  { name: 'United Kingdom', fa: 'بریتانیا', flag: 'gb' },
+  { name: 'United States', fa: 'ایالات متحده آمریکا', flag: 'us' },
+  { name: 'Yemen', fa: 'یمن', flag: 'ye' },
+];