Локализует приложение на 10 языков + RTL для арабского и персидского

Добавляет zh-CN, fa, ar, tr, uk, be, vi, uz локали (81 ключ, идентичная
структура) к существующим en/ru; ToggleLanguge.tsx переделан из
бинарного ru/en тумблера в выпадающий список всех 10 языков.

TelegramWeb.tsx был полностью на захардкоженном русском несмотря на импорт
useTranslation — переведён на i18n-ключи. rtlLanguages.ts выносит список
RTL-языков в отдельный .ts-файл (именованный импорт из .js падал на
allowJs). App.tsx реактивно переключает document.dir/lang при смене языка.

Логические CSS-свойства (ps-/pe-/start-/end-/border-e) вместо физических
в badge/button/dialog/select и BurgerMenu — Flexbox иначе визуально
переворачивает детей под dir=rtl, ломая анимацию бургер-меню.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/pages/TelegramWeb.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import { useTranslation } from "react-i18next";
+import { Trans, useTranslation } from "react-i18next";
 import { useVpnStore } from "@/store/useVpnStore";
 import { useSettingsStore } from "@/store/useSettingsStore";
 import { TunnelConfig, startVpn, stopVpn, launchApp } from "vpn-plugin";
@@ -72,7 +72,7 @@ export function TelegramWeb() {
       } catch (error) {
         setStatus("idle");
         setSessionRequested(false);
-        setErrorMsg("Не удалось установить соединение.");
+        setErrorMsg(t("tg_error_connect_failed"));
         return;
       }
     }
@@ -90,7 +90,7 @@ export function TelegramWeb() {
     }
 
     if (!launched) {
-      setErrorMsg("Telegram не установлен на этом устройстве.");
+      setErrorMsg(t("tg_error_not_installed"));
       handleStopSession();
     }
   };
@@ -103,12 +103,10 @@ export function TelegramWeb() {
           <ShieldAlert className="size-12 text-primary opacity-80" />
         </div>
         <h2 className="text-2xl font-black uppercase tracking-tighter">
-          Только для мобильных
+          {t("tg_desktop_only_title")}
         </h2>
         <p className="text-sm text-muted-foreground mt-4 leading-relaxed">
-          Безопасная сессия с инкапсуляцией трафика требует запуска нативного
-          приложения Telegram. Пожалуйста, откройте этот раздел со своего
-          смартфона.
+          {t("tg_desktop_only_desc")}
         </p>
       </div>
     );
@@ -124,18 +122,19 @@ export function TelegramWeb() {
             <div className="mx-auto size-24 bg-primary/10 rounded-full flex items-center justify-center relative border border-primary/20">
               <Send className="size-10 text-primary drop-shadow-[0_0_15px_rgba(130,0,219,0.5)] relative right-1" />
               <div className="absolute -bottom-2 bg-primary text-black text-[10px] font-black px-2 py-1 rounded-md uppercase">
-                Allow-List
+                {t("tg_allowlist_badge")}
               </div>
             </div>
 
             <div className="space-y-2">
               <h2 className="text-2xl font-black uppercase italic tracking-tighter">
-                Защита клиента
+                {t("tg_title")}
               </h2>
               <p className="text-sm text-muted-foreground leading-relaxed">
-                Трафик телефона блокируется. Доступ в сеть получает{" "}
-                <b>только приложение Telegram</b>. При закрытии мессенджера
-                туннель немедленно разрывается.
+                {t("tg_desc")}
+              </p>
+              <p className="text-sm text-muted-foreground leading-relaxed">
+                <Trans i18nKey="tg_scope_detail" components={{ bold: <b /> }} />
               </p>
             </div>
 
@@ -151,9 +150,12 @@ export function TelegramWeb() {
               className="w-full h-14 rounded-2xl font-black tracking-widest"
             >
               {status === "connecting" ? (
-                <Loader2 className="animate-spin" />
+                <span className="flex items-center gap-2 justify-center">
+                  <Loader2 className="animate-spin size-4" />
+                  {t("tg_connecting")}
+                </span>
               ) : (
-                "ОТКРЫТЬ TELEGRAM"
+                t("tg_start_btn")
               )}
             </Button>
           </motion.div>
@@ -161,15 +163,14 @@ export function TelegramWeb() {
           <motion.div key="active" className="space-y-8 max-w-sm">
             <div className="space-y-4">
               <div className="text-5xl font-mono font-black text-primary tracking-tighter animate-pulse">
-                ACTIVE
+                {t("tg_active_status")}
               </div>
               <div className="flex flex-col items-center gap-2">
                 <p className="text-primary uppercase text-[10px] font-black tracking-[0.3em]">
-                  Сессия привязана к приложению
+                  {t("tg_session_bound_label")}
                 </p>
                 <span className="px-3 py-2 bg-white/5 border border-white/10 rounded-xl text-xs text-muted-foreground leading-relaxed">
-                  Telegram запущен в защищенном режиме. Если вы читаете этот
-                  текст, значит вы свернули Telegram и туннель будет отключен.
+                  {t("tg_active_desc")}
                 </span>
               </div>
             </div>
@@ -179,7 +180,7 @@ export function TelegramWeb() {
               onClick={handleStopSession}
               className="gap-2 text-destructive border-destructive hover:bg-destructive hover:text-white w-full h-12 rounded-xl transition-all"
             >
-              СБРОСИТЬ СОЕДИНЕНИЕ
+              {t("tg_reset_btn")}
             </Button>
           </motion.div>
         )}