feat: přidání Bocchi the Rock! theme

client/src/context/settings.tsx

@@ -12,7 +12,7 @@ const SHOW_BUTTERFLIES_KEY = 'show_butterflies';
 export type ThemePreference = 'system' | 'light' | 'dark';
 
 /** Vizuální styl aplikace (nezávislý na světlém/tmavém režimu). */
-export type StyleTheme = 'simple' | 'umamusume' | 'mlp' | 'hellgirl' | 'kon';
+export type StyleTheme = 'simple' | 'umamusume' | 'mlp' | 'hellgirl' | 'kon' | 'bocchi';
 
 export const STYLE_THEMES: { value: StyleTheme, label: string }[] = [
   { value: 'simple', label: 'Jednoduchý' },
@@ -20,6 +20,7 @@ export const STYLE_THEMES: { value: StyleTheme, label: string }[] = [
   { value: 'mlp', label: 'My Little Pony' },
   { value: 'hellgirl', label: 'Hell Girl' },
   { value: 'kon', label: 'K-ON!' },
+  { value: 'bocchi', label: 'Bocchi the Rock!' },
 ];
 
 export type SettingsContextProps = {
@@ -235,7 +236,7 @@ function useProvideSettings(): SettingsContextProps {
   }, [showButterflies]);
 
   // Aplikuje accent barvy při změně hue nebo přepnutí světlý/tmavý.
-  // Tematické styly (Umamusume, My Little Pony, Hell Girl, K-ON!) mají vlastní pevnou paletu, accent barvu proto uplatňuje jen jednoduchý styl.
+  // Tematické styly (Umamusume, My Little Pony, Hell Girl, K-ON!, Bocchi the Rock!) mají vlastní pevnou paletu, accent barvu proto uplatňuje jen jednoduchý styl.
   useEffect(() => {
     localStorage.setItem(ACCENT_HUE_KEY, String(accentHue));
     if (styleTheme === 'simple') {