Refactor forecast and historian-driven meteo dashboard

src/app/App.tsx

@@ -9,24 +9,24 @@ import { ConsolePage } from "../features/console/pages/ConsolePage";
 import { MainChartsPage } from "../features/maincharts/pages/MainChartsPage";
 import { ChartWindowPage } from "../features/chartworkspace/pages/ChartWindowPage";
 import { SettingsPage } from "../features/settings/pages/SettingsPage";
+import SynopticPage from "../features/synoptic/pages/SynopticPage";
 
 export type AppPage =
   | "dashboard"
   | "meteo"
   | "console"
   | "maincharts"
+  | "synoptic"
   | "settings"
   | "climate"
   | "climateCharts"
   | "climateLighting"
   | "climateVentilation"
-  | "climateSynoptic"
   | "irrigation"
   | "irrigationCharts"
   | "irrigationFilters"
   | "irrigationConsumption"
   | "irrigationDrainage"
-  | "irrigationSynoptic";
 
 function App() {
   const [activePage, setActivePage] = useState<AppPage>("dashboard");
@@ -59,6 +59,10 @@ function App() {
           return <SettingsPage theme={theme} />;
         }
 
+        if (activePage === "synoptic") {
+          return <SynopticPage theme={theme} />;
+        }
+
         return (
           <DashboardPage
             theme={theme}