Introduce a dynamic color scheme that adapts to user mood and time

Adds ThemePage with adaptive theme control and localization in i18n files.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: c5f0c281-8dd8-4846-b452-4a07bcd21062
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/9777c70b-fc38-4831-8d6b-78dfffe041b0/10c277b8-60f1-4b7d-855d-8ed2071cad3f.jpg

client/src/App.tsx

@@ -24,6 +24,7 @@ import AnalyticsPage from "@/pages/AnalyticsPage";
 import SystemMonitoringPage from "@/pages/SystemMonitoringPage";
 import SettingsPage from "@/pages/SettingsPage";
 import FocusPage from "@/pages/FocusPage";
+import ThemePage from "@/pages/ThemePage";
 import NotFound from "@/pages/not-found";
 
 function Router() {
@@ -41,6 +42,7 @@ function Router() {
       <Route path="/analytics" component={AnalyticsPage} />
       <Route path="/monitoring" component={SystemMonitoringPage} />
       <Route path="/focus" component={FocusPage} />
+      <Route path="/themes" component={ThemePage} />
       <Route path="/settings" component={SettingsPage} />
       <Route path="/professionals" component={ProfessionalDirectory} />
       <Route component={NotFound} />