update and fixes

frontend/src/HackGame.tsx

@@ -5,26 +5,19 @@ import { submitHackResult } from "./api";
 
 export default function HackGame() {
   const navigate = useNavigate();
+  // 🔥 ИСПРАВЛЕНО: Инициализируем стейт пустым/дефолтным,
+  // а в useEffect подтягиваем актуальный язык из Profile.
   const [lang, setLang] = useState<"en" | "ru">("en");
-
-  useEffect(() => {
-    // 1. Синхронизируем язык из хранилища
-    const savedLang = localStorage.getItem("lang") as "en" | "ru";
-    if (savedLang) setLang(savedLang);
-
-    // 2. Настройки Telegram TWA
-    if (typeof window !== "undefined" && (window as any).Telegram?.WebApp) {
-      const tg = (window as any).Telegram.WebApp;
-      tg.expand();
-      if (typeof tg.disableVerticalSwipes === "function") {
-        tg.disableVerticalSwipes();
-      }
-    }
-  }, []);
-
   const containerRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
+    // 1. Динамическая подгрузка языка
+    const savedLang = localStorage.getItem("lang") as "en" | "ru";
+    if (savedLang) {
+      setLang(savedLang);
+    }
+
+    // 2. Инициализация Telegram Web App
     if (typeof window !== "undefined" && (window as any).Telegram?.WebApp) {
       const tg = (window as any).Telegram.WebApp;
       tg.expand();

frontend/src/index.css

@@ -20,7 +20,10 @@
     width: 100vw;
     margin: 0;
     padding: 0;
-    overflow-y: auto; /* Критично для отключения нативного скроллинга TWA */
+    /* 🔥 ИСПРАВЛЕНО: Разрешаем вертикальный скроллинг */
+    overflow-y: auto;
+    overflow-x: hidden;
+    -webkit-overflow-scrolling: touch; /* Плавный скролл на iOS */
     @apply bg-background text-foreground font-mono antialiased;
   }
 }