fix: oprava chování Hell Girl theme

client/src/App.tsx

@@ -16,7 +16,6 @@ import './themes/hellgirl.scss';
 import { faCircleCheck, faNoteSticky, faTrashCan, faComment } from '@fortawesome/free-regular-svg-icons';
 import { useSettings } from './context/settings';
 import Footer from './components/Footer';
-import HellGirlFlames from './components/HellGirlFlames';
 import { faArrowUpRightFromSquare, faBasketShopping, faChainBroken, faChevronLeft, faChevronRight, faDharmachakra, faGear, faMoneyBillTransfer, faSatelliteDish, faSearch, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
 import { useNavigate } from 'react-router-dom';
 import Loader from './components/Loader';
@@ -669,7 +668,6 @@ function App() {
     <div className="app-container">
       {easterEgg && eggImage && <img ref={eggRef} alt='' src={URL.createObjectURL(eggImage)} style={{ position: 'absolute', ...EASTER_EGG_STYLE, ...style, animationDuration: `${duration ?? EASTER_EGG_DEFAULT_DURATION}s` }} />}
       <Header choices={data?.choices} dayIndex={dayIndex} />
-      {settings?.styleTheme === 'hellgirl' && <HellGirlFlames />}
       <div className='wrapper'>
         {data.todayDayIndex != null && data.todayDayIndex > 4 &&
           <Alert variant="info" className="mb-3">

client/src/AppRoutes.tsx

@@ -8,6 +8,7 @@ import StatsPage from "./pages/StatsPage";
 import OrderGroupsPage from "./pages/OrderGroupsPage";
 import SuggestionsPage from "./pages/SuggestionsPage";
 import App from "./App";
+import HellGirlFlames from "./components/HellGirlFlames";
 
 export const STATS_URL = '/stats';
 export const OBJEDNANI_URL = '/objednani';
@@ -22,34 +23,35 @@ function Butterflies() {
     return <FlyingButterflies numButterflies={BUTTERFLY_PRESETS.NORMAL} />;
 }
 
+/** Doplňkové efekty vizuálních stylů — společné pro všechny stránky (např. plamen při otevření dialogu). */
+function StyleThemeEffects() {
+    const settings = useSettings();
+    return settings?.styleTheme === 'hellgirl' ? <HellGirlFlames /> : null;
+}
+
 export default function AppRoutes() {
     return (
-        <Routes>
+        <ProvideSettings>
-            <Route path={STATS_URL} element={<StatsPage />} />
+            <StyleThemeEffects />
-            <Route path={NAVRHY_URL} element={
+            <Routes>
-                <ProvideSettings>
+                <Route path={STATS_URL} element={<StatsPage />} />
-                    <SuggestionsPage />
+                <Route path={NAVRHY_URL} element={<SuggestionsPage />} />
-                </ProvideSettings>
+                <Route path={OBJEDNANI_URL} element={
-            } />
-            <Route path={OBJEDNANI_URL} element={
-                <ProvideSettings>
                     <SocketContext.Provider value={socket}>
                         <OrderGroupsPage />
                         <ToastContainer />
                     </SocketContext.Provider>
-                </ProvideSettings>
+                } />
-            } />
+                <Route path="/" element={
-            <Route path="/" element={
-                <ProvideSettings>
                     <SocketContext.Provider value={socket}>
                         <>
-                            <Butterflies />
+                            <FlyingButterflies numButterflies={BUTTERFLY_PRESETS.NORMAL} />
                             <App />
                         </>
                         <ToastContainer />
                     </SocketContext.Provider>
-                </ProvideSettings>
+                } />
-            } />
+            </Routes>
-        </Routes>
+        </ProvideSettings>
     );
-}
+}