Rename Kyoo to Omnyx & add page settings

Rename project branding from "Kyoo" to "Omnyx" across README, index.html, metadata.json, typedoc and various UI components. Add support for page-level settings: pageTitle, favicon (Base64 upload/preview), and customColors (color scheme) — introduced CustomColors type, persisted via API types and converters, and wired into updateSettings/fetchSettings flows. UI: SettingsView adds page settings UI (upload, preview, color pickers) and handlers; App applies pageTitle, favicon and sets CSS variables for customColors; Sidebar and Header now display the configured page title. Also update importer modules and docs to use the new project name in logs/comments.

src/App.tsx

@@ -77,6 +77,22 @@ function AppContent() {
           setEnabledCategories(loadedSettings.enabledCategories);
           // Sync theme with theme context
           setTheme(loadedSettings.theme);
+          
+          // Set custom page title
+          if (loadedSettings.pageTitle) {
+            document.title = loadedSettings.pageTitle;
+          }
+          
+          // Set custom favicon
+          if (loadedSettings.favicon) {
+            let faviconLink = document.querySelector("link[rel~='icon']") as HTMLLinkElement;
+            if (!faviconLink) {
+              faviconLink = document.createElement('link');
+              faviconLink.rel = 'icon';
+              document.head.appendChild(faviconLink);
+            }
+            faviconLink.href = loadedSettings.favicon;
+          }
         }
       } catch (error) {
         console.error('Failed to load settings from API:', error);
@@ -86,6 +102,22 @@ function AppContent() {
     loadSettingsFromApi();
   }, [setTheme]);
 
+  // Apply custom colors when settings change
+  useEffect(() => {
+    if (settings?.customColors) {
+      const root = document.documentElement;
+      const colors = settings.customColors;
+      
+      if (colors.primary) root.style.setProperty('--color-primary', colors.primary);
+      if (colors.secondary) root.style.setProperty('--color-secondary', colors.secondary);
+      if (colors.background) root.style.setProperty('--color-background', colors.background);
+      if (colors.surface) root.style.setProperty('--color-surface', colors.surface);
+      if (colors.text) root.style.setProperty('--color-text', colors.text);
+      if (colors.muted) root.style.setProperty('--color-muted', colors.muted);
+      if (colors.border) root.style.setProperty('--color-border', colors.border);
+    }
+  }, [settings?.customColors]);
+
   const reloadSettings = async () => {
     try {
       const loadedSettings = await fetchSettings();
@@ -94,6 +126,22 @@ function AppContent() {
         setEnabledCategories(loadedSettings.enabledCategories);
         // Sync theme with theme context
         setTheme(loadedSettings.theme);
+        
+        // Set custom page title
+        if (loadedSettings.pageTitle) {
+          document.title = loadedSettings.pageTitle;
+        }
+        
+        // Set custom favicon
+        if (loadedSettings.favicon) {
+          let faviconLink = document.querySelector("link[rel~='icon']") as HTMLLinkElement;
+          if (!faviconLink) {
+            faviconLink = document.createElement('link');
+            faviconLink.rel = 'icon';
+            document.head.appendChild(faviconLink);
+          }
+          faviconLink.href = loadedSettings.favicon;
+        }
       }
     } catch (error) {
       console.error('Failed to reload settings from API:', error);
@@ -315,6 +363,7 @@ function AppContent() {
       <Sidebar
         enabledCategories={enabledCategories}
         onToggleCategory={toggleCategory}
+        pageTitle={settings?.pageTitle}
       />
       
       <main className="flex-1 lg:ml-72 flex flex-col">
@@ -385,7 +434,7 @@ function AppContent() {
           <div className="max-w-[1920px] mx-auto flex flex-col md:flex-row items-center justify-between gap-4">
             <div className="flex items-center gap-2 text-lg font-black text-muted-foreground">
               <div className="w-5 h-5 bg-gradient-to-br from-[#6d28d9] to-[#8b5cf6] rounded-full" />
-              <span className="bg-clip-text text-transparent bg-gradient-to-r from-foreground to-foreground/70">kyoo</span>
+              <span className="bg-clip-text text-transparent bg-gradient-to-r from-foreground to-foreground/70">{settings?.pageTitle || 'omnyx'}</span>
             </div>
             <div className="flex items-center gap-6 text-sm font-bold text-muted-foreground">
               <a href="#" className="hover:text-[#6d28d9] transition-colors duration-300">Terms</a>
@@ -393,7 +442,7 @@ function AppContent() {
               <a href="#" className="hover:text-[#6d28d9] transition-colors duration-300">Contact</a>
             </div>
             <p className="text-xs font-medium text-muted-foreground">
-              © 2026 Kyoo Media Discovery. All rights reserved.
+              © 2026 Omnyx Media Discovery. All rights reserved.
             </p>
           </div>
         </footer>