feat: add background customization settings with gradient and image options, update preferences context and UI components for user preferences management

src/components/settings/ClientSettings.tsx

@@ -5,6 +5,7 @@ import { useTranslate } from "@/hooks/useTranslate";
 import { DisplaySettings } from "./DisplaySettings";
 import { KomgaSettings } from "./KomgaSettings";
 import { CacheSettings } from "./CacheSettings";
+import { BackgroundSettings } from "./BackgroundSettings";
 
 interface ClientSettingsProps {
   initialConfig: KomgaConfig | null;
@@ -19,6 +20,7 @@ export function ClientSettings({ initialConfig, initialTTLConfig }: ClientSettin
       <h1 className="text-3xl font-bold">{t("settings.title")}</h1>
       <div className="space-y-8">
         <DisplaySettings />
+        <BackgroundSettings />
         <KomgaSettings initialConfig={initialConfig} />
         <CacheSettings initialTTLConfig={initialTTLConfig} />
       </div>