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>

restricted/weather_cards.html

@@ -0,0 +1,62 @@
+<!-- Wetterkacheln - eingebunden von solar.php, heat.php und weather.php.
+     Aktualisiert werden sie von updateWeatherCards() aus js/solar/common.js. -->
+      <div class="row">
+        <!-- Start col -->
+        <div class="m-0 col-xl-2 col-4 d-flex">
+          <div class="card p-0 mb-4" style="width:100%">
+            <div class="card-header pb-0 pt-1">
+              <h3 class="card-title">Temp.</h3>
+            </div>
+            <div class="card-body p-2 d-flex flex-column" id="realtimeSVGcontainer" style="position:relative;">
+              <h3 id="temp">--</h3>°C
+            </div>
+          </div>
+        </div>
+
+        <div class="m-0 col-xl-2 col-4 d-flex">
+          <div class="card p-0 mb-4" style="width:100%">
+            <div class="card-header pb-0 pt-1">
+              <h3 class="card-title">Feuchte</h3>
+            </div>
+            <div class="card-body p-2 d-flex flex-column" id="realtimeSVGcontainer" style="position:relative;">
+              <h3 id="humidity">--</h3>%rF
+            </div>
+          </div>
+        </div>
+
+        <div class="m-0 col-xl-2 col-4 d-flex">
+          <div class="card p-0 mb-4" style="width:100%">
+            <div class="card-header pb-0 pt-1">
+              <h3 class="card-title">Wind</h3>
+            </div>
+            <div class="card-body p-2 d-flex flex-column" id="realtimeSVGcontainer" style="position:relative;">
+              <div id="windDir" class="winddir" style="transform: rotate(180deg);"></div>
+              <h3 id="windSpd">--</h3>km/h
+            </div>
+          </div>
+        </div>
+
+        <div class="m-0 col-xl-2 col-4 d-flex">
+          <div class="card p-0 mb-4" style="width:100%">
+            <div class="card-header pb-0 pt-1">
+              <h3 class="card-title">Böen</h3>
+            </div>
+            <div class="card-body p-2 d-flex flex-column" id="realtimeSVGcontainer" style="position:relative;">
+              <div id="windDirGust" class="winddir" style="transform: rotate(180deg);"></div>
+              <h3 id="windGust">--</h3>km/h
+            </div>
+          </div>
+        </div>
+
+        <div class="m-0 col-xl-2 col-4 d-flex">
+          <div class="card p-0 mb-4" style="width:100%">
+            <div class="card-header pb-0 pt-1">
+              <h3 class="card-title">Druck</h3>
+            </div>
+            <div class="card-body p-2 d-flex flex-column" id="realtimeSVGcontainer" style="position:relative;">
+              <h3 id="ambPress">--</h3>hPa
+            </div>
+          </div>
+        </div>
+
+      </div>