fix(ui): 100% Dark Mode erzwungen (White Mode entfernt), Echte API-Daten fuer Server Status gebunden & Tabs-Breite/Scrollbalken behoben

docker/ui/src/context/ThemeContext.tsx

@@ -1,43 +1,25 @@
-import { createContext, useContext, useEffect, useState, ReactNode } from 'react'
-
-type Theme = 'light' | 'dark'
+import { createContext, useContext, useEffect, ReactNode } from 'react'
 
 interface ThemeContextType {
-  theme: Theme
+  theme: 'dark'
   toggleTheme: () => void
 }
 
 const ThemeContext = createContext<ThemeContextType | undefined>(undefined)
 
 export function ThemeProvider({ children }: { children: ReactNode }) {
-  const [theme, setTheme] = useState<Theme>('dark')
-
   useEffect(() => {
-    const savedTheme = localStorage.getItem('theme') as Theme | null
-    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches
-    
-    if (savedTheme === 'light' || (!savedTheme && prefersLight)) {
-      setTheme('light')
-      document.documentElement.classList.remove('dark')
-    } else {
-      setTheme('dark')
-      document.documentElement.classList.add('dark')
-    }
+    document.documentElement.classList.add('dark')
+    localStorage.setItem('theme', 'dark')
   }, [])
 
   const toggleTheme = () => {
-    const newTheme = theme === 'dark' ? 'light' : 'dark'
-    setTheme(newTheme)
-    localStorage.setItem('theme', newTheme)
-    if (newTheme === 'dark') {
-      document.documentElement.classList.add('dark')
-    } else {
-      document.documentElement.classList.remove('dark')
-    }
+    // 100% Dark Mode locked per Commander directive
+    document.documentElement.classList.add('dark')
   }
 
   return (
-    <ThemeContext.Provider value={{ theme, toggleTheme }}>
+    <ThemeContext.Provider value={{ theme: 'dark', toggleTheme }}>
       {children}
     </ThemeContext.Provider>
   )