fix rusenie hier ked vsetkych odpoji

frontend/src/pages/Lobby.tsx

@@ -1,3 +1,4 @@
+import { useEffect, useRef, useState } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import { useGameStore } from '../store/gameStore';
 import { emit } from '../lib/socket';
@@ -8,6 +9,8 @@ export default function Lobby() {
   const navigate = useNavigate();
   const myPlayer = useGameStore((s) => s.myPlayer);
   const games = useGameStore((s) => s.games);
+  const [showCopied, setShowCopied] = useState(false);
+  const copiedTimeout = useRef<ReturnType<typeof setTimeout>>();
 
   const game = games.find((g) => g.gid === gid);
   const players = game?.players ?? [];
@@ -17,11 +20,25 @@ export default function Lobby() {
   const handleLeave = () => leaveGame(navigate);
 
   const handleCopyCode = () => {
-    if (gid) navigator.clipboard.writeText(`${window.location.origin}/lobby/${gid}`);
+    if (!gid) return;
+    navigator.clipboard.writeText(`${window.location.origin}/lobby/${gid}`);
+    setShowCopied(true);
+    clearTimeout(copiedTimeout.current);
+    copiedTimeout.current = setTimeout(() => setShowCopied(false), 1800);
   };
 
+  useEffect(() => () => clearTimeout(copiedTimeout.current), []);
+
   return (
     <div className="max-w-md mx-auto p-4 pt-8 min-h-screen">
+      <div
+        className={`fixed top-4 left-1/2 -translate-x-1/2 px-4 py-2 rounded-lg bg-header border border-gold/30 text-gold text-sm shadow-lg transition-opacity duration-300 z-50 ${
+          showCopied ? 'opacity-100' : 'opacity-0 pointer-events-none'
+        }`}
+      >
+        Odkaz na hru skopírovaný
+      </div>
+
       <div className="flex items-center justify-between mb-6">
         <h1 className="font-serif text-2xl text-gold">{game?.name ?? 'Hra'}</h1>
         <button onClick={handleLeave} className="text-sm text-green-dim hover:text-gold">
@@ -38,7 +55,7 @@ export default function Lobby() {
           onClick={handleCopyCode}
           className="ml-3 px-3 py-1 rounded-lg text-sm border border-gold/30 text-gold hover:bg-gold hover:text-table transition-colors"
         >
-          Kopírovať
+          Kopírovať URL
         </button>
       </div>