Add scheduling-remote service to docker-compose and enhance camera error handling

- Introduced a new service for scheduling-remote in docker-compose.yml, allowing for better management of scheduling functionalities.
- Enhanced error handling in CameraMonitor and CameraStreamer classes to improve robustness during camera initialization and streaming processes.
- Updated various components in the management dashboard to support dark mode and improve user experience with consistent styling.
- Implemented feature flags for enabling/disabling modules, including the new scheduling module.

management-dashboard-web-app/src/hooks/useTheme.ts

@@ -0,0 +1,44 @@
+import { useState, useEffect } from 'react'
+
+type Theme = 'light' | 'dark'
+
+// Initialize theme on script load (before React renders)
+function initializeTheme(): Theme {
+  const stored = localStorage.getItem('theme') as Theme | null
+  if (stored) {
+    return stored
+  }
+  // Check system preference
+  if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+    return 'dark'
+  }
+  return 'light'
+}
+
+// Apply theme class to document root
+function applyTheme(theme: Theme) {
+  const root = window.document.documentElement
+  root.classList.remove('light', 'dark')
+  root.classList.add(theme)
+}
+
+// Initialize theme immediately on module load
+const initialTheme = initializeTheme()
+applyTheme(initialTheme)
+
+export function useTheme() {
+  const [theme, setTheme] = useState<Theme>(initialTheme)
+
+  useEffect(() => {
+    // Apply theme whenever it changes
+    applyTheme(theme)
+    localStorage.setItem('theme', theme)
+  }, [theme])
+
+  const toggleTheme = () => {
+    setTheme((prev) => (prev === 'light' ? 'dark' : 'light'))
+  }
+
+  return { theme, toggleTheme }
+}
+