UI Overhaul: Groessere Elemente, bessere InfoBox-Platzierung

PANEL (links):
- 240px breit (war 200px)
- Checkboxen 16x16px (war 12x12)
- Dots 10px (war 8px)
- Layer-Namen 13px (war 11px)
- Counts 12px (war 10px)
- Mehr Padding pro Toggle-Zeile

INFOBOX (bei Klick):
- Links neben dem Panel platziert (254px vom Rand)
- 420px breit, max 60vh hoch, scrollbar
- Kollidiert nicht mit Panel oder Sidebar
- Groesserer Titel (14px), mehr Padding

PUNKTE AUF DEM GLOBUS:
- Flugzeuge: 3/4/5px (war 2/2.5/3)
- Schiffe: 3/4/5px (war 2/2.5/3)
- Militaer: 6px (war 4)
- Katastrophen: 10px (war 8)
- Erdbeben: 6-15px (war 4-10)
- GDELT: 7px (war 5)
- ISS: 14px (war 10)
- Cluster: +30% groesser

HEADER + FOOTER:
- Header 48px (war 44px)
- Footer 32px (war 28px)
- Titel 15px, Stats 12px
- Lage-Select + Suche groesser

static/js/layers/monitor.js

@@ -126,7 +126,7 @@ const MonitorLayer = {
             var p = f.properties;
             var color = colors[p.category] || colors.mentioned;
             var count = p.article_count || 1;
-            var size = Math.min(Math.max(Math.sqrt(count) * 2.5, 4), 14);
+            var size = Math.min(Math.max(Math.sqrt(count) * 3, 6), 18);
             this._points.add({
                 position: Cesium.Cartesian3.fromDegrees(coords[0], coords[1], 1000),
                 pixelSize: size, color: color,