Implements meteoChartsPage, fixed responsiveness overall

src/app/App.tsx

@@ -10,6 +10,7 @@ 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";
+import MeteoChartsPage from "../features/meteo/pages/MeteoChartsPage";
 
 export type AppPage =
   | "dashboard"
@@ -44,7 +45,22 @@ function App() {
   return (
     <AppShell activePage={activePage} onNavigate={setActivePage}>
       {({ theme }) => {
-        if (activePage === "meteo") return <MeteoPage theme={theme} />;
+        if (activePage === "meteo") {
+          return (
+            <MeteoPage
+              theme={theme}
+              onOpenMeteoCharts={() => setActivePage("meteoCharts")}
+            />
+          );
+        }
+
+        if (activePage === "meteoCharts") {
+          return (
+            <MeteoChartsPage
+              theme={theme}
+            />
+          );
+        }
 
         if (activePage === "climateCharts") {
           return <ClimateChartsPage theme={theme} />;