Dashboard: Doppelungen zusammengelegt, Lade- und Renderlast gesenkt

Zusammenlegung
- Die sechs Endpunkte getConsData_/getProdData_{month,year,decade}.php sind
  ajax/energyHistory.php?series=&range= gewichen, der gemeinsame Aufbau der
  Chart-Daten steht in ajax/chartData.php. Die erzeugte SQL wurde gegen alle
  sechs Originale abgeglichen.
- Die 13 Raeume der Home-Ansicht stehen nur noch in restricted/rooms.php.
  home.php rendert die SVG-Kacheln daraus, homeMQTT.js bekommt dieselbe
  Tabelle als JSON (346 -> 222 bzw. 428 -> 197 Zeilen).
- Gemeinsame JS-Helfer in js/solar/common.js; geteilte Bausteine fuer
  Wetterkacheln, Chart-Skripte und das Formular der Ladesteuerung.
- Seitenvorlagen sind jetzt .php und werden eingebunden, statt per
  file_get_contents zusammengesetzt zu werden.

Fehlerbehebungen
- ?action=weather fuehrte auf eine leere Seite, es gibt jetzt weather.php.
- homeMQTT.js griff auf ein #meteogram zu, das home.php nie hatte, und brach
  damit den readystatechange-Handler ab.
- Die Heizungsseite abonnierte weatherStation/#, zeigte die Werte aber nie an.

Ladelast
- Chart.js, MQTT und Meteogramm werden nur noch auf den Seiten geladen, die
  sie brauchen; die Seitentabelle dafuer steht in index.php.
- mqtt.js durch die minifizierte Fassung ersetzt (859 -> 359 KB). MQTT.js
  5.14.1, byte-identisch mit dem signierten npm-Tarball.
- Rund 3,1 MB ungenutzte Vendor-Reste und AdminLTE-Demobilder entfernt.
- Solar 1796 -> 1240 KB, Home 1796 -> 873 KB, Historie 1796 -> 843 KB.

Speicher im Browser
- Chart.defaults.devicePixelRatio auf 1.5 gedeckelt. Die Zeichenpuffer der
  Diagramme waren mit 20-45 MB der groesste Posten der Seite.
- Das Meteogramm-iframe laedt erst beim Hinscrollen.

Realtime-SVG
- Filterbereiche auf das noetige Mass verkleinert und den wirkungslosen
  feOffset-Durchgang entfernt: 60 % weniger gerasterte Filterflaeche bei
  pixelgleichem Ergebnis.
- Die Fluss-Animation laeuft ueber transform statt stroke-dashoffset, mit
  Punkten statt Strichmuster; sie ruht, wo kein Fluss anliegt.
- Der Wertupdate schreibt nur noch bei echter Aenderung und benutzt
  textContent statt innerHTML: 9 statt 86 Elemente pro Update, davon keines
  mit Filter. describeArc rundet auf volle Grad.
- waterInfo auf scale(0.90) wie die uebrigen Info-Gruppen.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

js/solar/heatMQTT.js

@@ -54,7 +54,9 @@ const solarMQTT = {
         function messageReceived(topic, message) {
             setNestedProp(mqttData, topic, message);
             if (topic == "solarManager/P_Load") {
-            setTimeout(function () { solarSVG.updateValuesMQTT(mqttData) }, 200); //give the object tree some time to build up and receive all values
+              setTimeout(function () { solarSVG.updateValuesMQTT(mqttData) }, 200); //give the object tree some time to build up and receive all values
+            } else if (topic == "weatherStation/windDeg") {
+              setTimeout(function () { updateWeatherCards(name => mqttData["weatherStation"]?.[name]) }, 200);
             }
         }
     }
@@ -185,52 +187,7 @@ var chartSettings = {
   document.addEventListener('readystatechange', function () {
     if (event.target.readyState === "complete") {
       solarMQTT.getMQTT();
-      getData(heatChart, 'ajax/getHeaterData.php');
-      getData(waterChart, 'ajax/getWaterData.php');
+      getData(heatChart, 'ajax/getHeaterData.php', { sunrise: { FROM: -24, TO: 0 } });
+      getData(waterChart, 'ajax/getWaterData.php', { sunrise: { FROM: -24, TO: 0 } });
     }
   });
-
-  String.prototype.toHHMM = function () {
-    var sec_num = parseInt(this, 10); // don't forget the second param
-    var hours = Math.floor(sec_num / 3600);
-    var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
-    var seconds = sec_num - (hours * 3600) - (minutes * 60);
-
-    if (hours < 10) { hours = "0" + hours; }
-    if (minutes < 10) { minutes = "0" + minutes; }
-    return hours + ':' + minutes;
-  }
-
-  async function getData(chart, url, sunrise=true) {
-    try {
-      console.log("fetching");
-      const response = await fetch(url);
-      if (!response.ok) {
-        console.log("err");
-        throw new Error(`Response status: ${response.status}`);
-      }
-      chart.data = await response.json();
-      if(sunrise){
-        const response2 = await fetch("ajax/getSunrise.php?FROM=-24&TO=0");
-        if (!response2.ok) {
-          console.log("err");
-          throw new Error(`Response status: ${response2.status}`);
-        }
-        chart.options.plugins.annotation.annotations = await response2.json();
-      }
-      chart.update();
-    } catch (error) {
-      console.log(error.message);
-    }
-    setTimeout(function () { getData(chart, url, sunrise) }, 5 * 60 * 1000); //renew data every 5 min.
-  }
-
-  function powerToString(power) {
-    if (Math.abs(power) > 999) {
-      power = power / 1000
-      return power.toPrecision(3) + " kW"
-    } else {
-      return Math.round(power) + " W"
-    }
-
-  }