feat: export + detail receptů

feat: losování jídel

client/src/components/Header.tsx

@@ -2,11 +2,12 @@ import { useState } from "react";
 import { Navbar, Nav, NavDropdown } from "react-bootstrap";
 import { Link, useLocation } from "react-router";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faSun, faMoon, faGear } from "@fortawesome/free-solid-svg-icons";
+import { faSun, faMoon, faGear, faDharmachakra } from "@fortawesome/free-solid-svg-icons";
 import { useAuth } from "../context/auth";
 import { useSettings, ThemePreference } from "../context/settings";
 import { DEN_URL, JIDLA_URL, PROFIL_URL, STATISTIKY_URL, TRENINKY_URL } from "../routes";
 import SettingsModal from "./modals/SettingsModal";
+import SpinWheelModal from "./modals/SpinWheelModal";
 
 /** Položky hlavní navigace. */
 const NAV_ITEMS = [
@@ -19,6 +20,7 @@ const NAV_ITEMS = [
 
 export default function Header() {
     const [settingsOpen, setSettingsOpen] = useState(false);
+    const [wheelOpen, setWheelOpen] = useState(false);
     const auth = useAuth();
     const settings = useSettings();
     const location = useLocation();
@@ -49,6 +51,14 @@ export default function Header() {
                             {item.label}
                         </Link>
                     ))}
+                    <button
+                        className="theme-toggle"
+                        onClick={() => setWheelOpen(true)}
+                        title="Zatoč si — kolo štěstí, když nevíte, co jíst"
+                        aria-label="Kolo štěstí"
+                    >
+                        <FontAwesomeIcon icon={faDharmachakra} />
+                    </button>
                     <button
                         className="theme-toggle"
                         onClick={toggleTheme}
@@ -67,6 +77,7 @@ export default function Header() {
                 </Nav>
             </Navbar.Collapse>
             <SettingsModal isOpen={settingsOpen} onClose={() => setSettingsOpen(false)} />
+            {wheelOpen && <SpinWheelModal isOpen onClose={() => setWheelOpen(false)} />}
         </Navbar>
     );
 }