feat: skryté multiplayerové minihry přes websocket

Minihry se otevírají trojklikem na logo a napsáním kódu hry
("help" vypíše seznam do konzole prohlížeče):
- reakce: reakční hra, 3 kola, pořadí podle součtu časů
- snake: had pro více hráčů, simulaci drží server
- tetris: battle Tetris s odpadními řádky a lokálním tréninkem
- pong: Pong 1v1, ovládání myší i klávesami, bot se 4 obtížnostmi
- kresleni: kreslení a hádání jídel z dnešních menu

Ikony her se řídí zvoleným vzhledem. Stav her je v paměti serveru,
předpokládá se jedna replika.

client/src/components/Header.tsx

@@ -2,6 +2,12 @@ import { useEffect, useState } from "react";
 import { Navbar, Nav, NavDropdown, Modal, Button } from "react-bootstrap";
 import { useAuth } from "../context/auth";
 import SettingsModal from "./modals/SettingsModal";
+import ReactionDuel from "./ReactionDuel";
+import SnakeGame from "./SnakeGame";
+import TetrisGame from "./TetrisGame";
+import PongGame from "./PongGame";
+import DrawingGame from "./DrawingGame";
+import { useMinigameSecret } from "../hooks/useMinigameSecret";
 import { useSettings, ThemePreference } from "../context/settings";
 import HuePicker from "./HuePicker";
 import PizzaCalculatorModal from "./modals/PizzaCalculatorModal";
@@ -39,6 +45,7 @@ export default function Header({ choices, dayIndex }: Props) {
     const [clearMockModalOpen, setClearMockModalOpen] = useState<boolean>(false);
 
     const effectiveDark = settings?.effectiveDark ?? false;
+    const minigameSecret = useMinigameSecret("/");
 
     useEffect(() => {
         if (!auth?.login) return;
@@ -147,7 +154,7 @@ export default function Header({ choices, dayIndex }: Props) {
     }
 
     return <Navbar variant='dark' expand="lg">
-        <Navbar.Brand href="/">Luncher</Navbar.Brand>
+        <Navbar.Brand href="/" onClick={minigameSecret.onLogoClick} className={minigameSecret.armed ? "duel-armed" : undefined}>Luncher</Navbar.Brand>
         <Navbar.Toggle aria-controls="basic-navbar-nav" />
         <Navbar.Collapse id="basic-navbar-nav">
             <Nav className="nav">
@@ -195,6 +202,11 @@ export default function Header({ choices, dayIndex }: Props) {
                 </NavDropdown>
             </Nav>
         </Navbar.Collapse>
+        <ReactionDuel />
+        <SnakeGame />
+        <TetrisGame />
+        <PongGame />
+        <DrawingGame />
         <SettingsModal isOpen={settingsModalOpen} onClose={closeSettingsModal} onSave={saveSettings} />
         <RefreshMenuModal isOpen={refreshMenuModalOpen} onClose={closeRefreshMenuModal} />
         <PizzaCalculatorModal isOpen={pizzaModalOpen} onClose={closePizzaModal} />