Uebersicht: eigene Symbole fuer die Bewaesserungszonen

Troege als Pflanzkuebel (statt Einkaufskorb), Vorn als Baum im Gras,
Beete als Hochbeet - gezeichnet im Stil der uebrigen Symbole (ZONENBILDER
in energiefluss.js). Eine Zone kann weiter ein Bootstrap-Icon nutzen
(zeichen statt bild).

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

js/solar/energieflussKatalog.js

@@ -25,7 +25,8 @@
      skala     Leistung in W, bei der der Ring voll ist
      klick     {ansicht: "anlage"} oder {modal: "heater"} - Ziel beim Antippen
      optionen  Vorgabe für die Optionen, die in den Einstellungen änderbar sind
-     zonen     nur Bewässerung: die Anzeigen, die solarMQTT.js beschreibt
+     zonen     nur Bewässerung: die Anzeigen, die solarMQTT.js beschreibt;
+               je Zone bild (ZONENBILDER in energiefluss.js) oder zeichen
      lesen(m, opt)  liefert den Zustand aus den MQTT-Werten:
        leistung  W, bestimmt den Hauptwert und den Ring
        wert      Text statt der Leistung (optional)
@@ -296,9 +297,10 @@ const ENERGIEFLUSS_KATALOG = (function () {
       // Ids wie in wateringZones (solarMQTT.js) - dort werden Farbe, Text und
       // Tooltip gesetzt, hier nur die Stellen dafür angelegt.
       zonen: [
-        { name: "Tröge", zeichen: "\uF180", status: "wateringTroughStatus", symbol: "wateringTroughIcon" },
-        { name: "Vorn", zeichen: "\uF3CE", status: "wateringFrontStatus", symbol: "wateringFrontIcon" },
-        { name: "Beete", zeichen: "\uF3CD", status: "wateringBedsStatus", symbol: "wateringBedsIcon" },
+        // bild: Symbol aus ZONENBILDER (energiefluss.js); zeichen: Zeichen aus Bootstrap Icons
+        { name: "Tröge", bild: "kuebel", status: "wateringTroughStatus", symbol: "wateringTroughIcon" },
+        { name: "Vorn", bild: "garten", status: "wateringFrontStatus", symbol: "wateringFrontIcon" },
+        { name: "Beete", bild: "hochbeet", status: "wateringBedsStatus", symbol: "wateringBedsIcon" },
       ],
       lesen() {
         return { wert: "" };