Fix: Toolbar-Buttons kollidierten mit Karten-Zoom-Regler

Alle sieben Aktions-Buttons (Standort, Ausflugsziel anlegen,
KI-Prompt-Generator, Import, Backup) lagen bislang als absolut
positionierte Toolbar oben links ueber der Karte - direkt dort, wo
Leaflet standardmaessig seinen Zoom-Regler platziert, wodurch sich
beides ueberschnitt. Auf dem Smartphone nahm die Toolbar zudem viel
Platz auf der Karte weg.

Die Buttons sind jetzt in einem aufklappbaren Hamburger-Menue im Header
(js/main.js: setupMenuToggle(), schliesst bei Aktion/Escape/Klick
ausserhalb) statt direkt auf der Karte. Der Zoom-Regler wurde zusaetzlich
auf oben rechts verschoben (js/map/mapController.js), damit oben links
dauerhaft Platz fuer eigene Overlays (z.B. map-picking-hint) bleibt.

App-Shell auf Flexbox umgestellt (body als Flex-Spalte, .app-layout mit
flex:1) statt des bisherigen calc(100vh - fixe Header-Hoehe) auf
Desktop, da der Header jetzt bei geoeffnetem Menue waechst - die alte
fixe Berechnung haette Karte/Liste dabei abgeschnitten. --header-height
war dadurch ueberfluessig und wurde entfernt.

js/map/mapController.js

@@ -165,7 +165,12 @@
     map = L.map(containerId, {
       center: [DEFAULT_MAP_CENTER.lat, DEFAULT_MAP_CENTER.lng],
       zoom: DEFAULT_MAP_CENTER.zoom,
+      // Zoom-Regler bewusst oben rechts statt Leaflets Standard oben links,
+      // damit links oben durchgängig Platz für eigene Overlays (z.B.
+      // map-picking-hint) bleibt, ohne dass sich beides überschneidet.
+      zoomControl: false,
     });
+    L.control.zoom({ position: 'topright' }).addTo(map);
 
     // tile.openstreetmap.org verlangt seit 2024 einen gültigen HTTP-Referer
     // (Tile Usage Policy). Seiten, die per file:// geöffnet werden, senden