Add load balancer marker for inbound country flag

Reserved CountryCode "XX" (Inbound.BalancerCountryCode) marks an inbound
behind a load balancer whose exit country is unknown: the site shows a
Shuffle icon with a tooltip instead of a flag, the bot shows 🔀. Admin can
pick it in the publish dialog. Fits the existing column, no migration.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/src/shared/lib/countries.ts

@@ -17,6 +17,10 @@ export const FLAGS: Record<string, FlagComponent> = {
 
 export const COUNTRY_CODES = Object.keys(FLAGS)
 
+/** Зарезервированный код «инбаунд за балансировщиком, страна выхода неизвестна» (см.
+ * Inbound.BalancerCountryCode на бэкенде) — вместо флага рисуется значок балансира. */
+export const BALANCER_COUNTRY_CODE = 'XX'
+
 /** Локализованное имя страны по ISO-коду (Intl), без собственных переводов. */
 export function countryName(code: string, language: string): string {
   try {

frontend/src/shared/lib/i18n.ts

@@ -13,6 +13,9 @@ const resources = {
       system: 'Системная',
       unlimited: 'Без лимита',
 
+      countries: {
+        balancer: 'Через балансировщик — страна выхода может меняться',
+      },
       auth: {
         loginTitle: 'Вход',
         registerTitle: 'Регистрация',
@@ -487,6 +490,7 @@ const resources = {
           allowedRoles: 'Доступно ролям',
           country: 'Страна (флаг у пользователей)',
           noCountry: 'Без флага',
+          balancerCountry: 'Балансировщик (страна выхода не определена)',
           isPublishedLabel: 'Опубликовать инбаунд',
           optional: 'необязательно',
           passwordKeepUnchanged: 'оставьте пустым, чтобы не менять',
@@ -645,6 +649,9 @@ const resources = {
       system: 'System',
       unlimited: 'Unlimited',
 
+      countries: {
+        balancer: 'Via load balancer — exit country may vary',
+      },
       auth: {
         loginTitle: 'Log in',
         registerTitle: 'Register',
@@ -1117,6 +1124,7 @@ const resources = {
           allowedRoles: 'Allowed for roles',
           country: 'Country (flag shown to users)',
           noCountry: 'No flag',
+          balancerCountry: 'Load balancer (exit country varies)',
           isPublishedLabel: 'Publish inbound',
           optional: 'optional',
           passwordKeepUnchanged: 'leave blank to keep unchanged',

frontend/src/shared/ui/country-flag.tsx

@@ -1,8 +1,19 @@
-import { FLAGS } from '@/shared/lib/countries'
+import { Shuffle } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { BALANCER_COUNTRY_CODE, FLAGS } from '@/shared/lib/countries'
 import { cn } from '@/shared/lib/cn'
 
 export function CountryFlag({ code, className }: { code: string | null | undefined; className?: string }) {
+  const { t } = useTranslation()
   if (!code) return null
+  if (code.toUpperCase() === BALANCER_COUNTRY_CODE) {
+    const label = t('countries.balancer')
+    return (
+      <span title={label} aria-label={label} className={cn('inline-flex shrink-0 text-sky-400', className)}>
+        <Shuffle className="h-3.5 w-3.5" aria-hidden />
+      </span>
+    )
+  }
   const Flag = FLAGS[code.toUpperCase()]
   if (!Flag) {
     return <span className={cn('font-mono text-xs text-muted-foreground', className)}>{code.toUpperCase()}</span>