game and maybe database fix

frontend/src/Profile.tsx

@@ -10,9 +10,10 @@ import {
   Activity,
   CheckCircle2,
   Globe,
+  Terminal,
 } from "lucide-react";
 import { fetchProfile } from "./api";
-
+import { useNavigate } from "react-router-dom";
 // --- ЛОКАЛИЗАЦИЯ И СТАТИКА ---
 const DICT = {
   en: {
@@ -93,6 +94,7 @@ export default function Profile() {
   const [error, setError] = useState<string | null>(null); // <-- ДОБАВЛЕНО
   const [copied, setCopied] = useState(false);
   const [showPlans, setShowPlans] = useState(false);
+  const navigate = useNavigate();
 
   const [lang, setLang] = useState<"en" | "ru">(
     (localStorage.getItem("lang") as "en" | "ru") || "en",
@@ -239,6 +241,14 @@ export default function Profile() {
           </div>
         </div>
 
+        <button
+          onClick={() => navigate("/hack")}
+          className="w-full relative z-10 bg-primary/10 hover:bg-primary/30 border border-primary/50 text-primary font-bold tracking-widest uppercase p-4 rounded-3xl transition-all flex justify-center items-center gap-3 shadow-[0_0_20px_rgba(139,61,255,0.15)] hover:shadow-[0_0_30px_rgba(139,61,255,0.4)] group overflow-hidden"
+        >
+          <div className="absolute inset-0 bg-[linear-gradient(45deg,transparent_25%,rgba(139,61,255,0.2)_50%,transparent_75%)] bg-[length:250%_250%,100%_100%] animate-[shimmer_2s_infinite] opacity-0 group-hover:opacity-100" />
+          <Terminal className="w-5 h-5 group-hover:animate-pulse relative z-10" />
+          <span className="relative z-10">Run Breach Protocol</span>
+        </button>
         {/* SUBSCRIPTIONS */}
         <div className="bg-white/[0.03] backdrop-blur-xl border border-white/10 rounded-3xl p-6 shadow-[0_8px_32px_0_rgba(0,0,0,0.3)]">
           <div className="flex justify-between items-center mb-4">