feat: Monatswechsel-Markierung in Monatsansicht

In der rolling Monatsansicht wird jetzt am Monatswechsel:
- eine dickere Trennlinie gezeichnet (links bei Wechsel mitten in Zeile,
  oben bei Zeilenstart)
- das 3-Buchstaben-Monatskürzel (z.B. JUL, AUG) groß über der "1"
  angezeigt

Beide Farben (Linie und Kürzel) sind in den Einstellungen unter
"Farben" individuell anpassbar (Default: #7090c0).

Backend: neue UserSettings-Felder month_divider_color und month_label_color
mit Migration. Frontend: applyTheme setzt entsprechende CSS-Variablen.

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

frontend/css/app.css

@@ -497,6 +497,30 @@ a { color: var(--primary); text-decoration: none; }
   border-radius: 50%; flex-shrink: 0;
 }
 .cell-day.today { background: var(--today-color); color: #fff; font-weight: 700; }
+
+/* Month boundary marker: thicker line + month abbreviation on the 1st */
+.month-col.first-of-month {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0;
+}
+.month-col.month-divider-left {
+  box-shadow: inset 3px 0 0 0 var(--month-divider-color, #7090c0);
+}
+.month-row.month-divider-top {
+  box-shadow: inset 0 3px 0 0 var(--month-divider-color, #7090c0);
+}
+.month-marker {
+  font-size: 14px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  color: var(--month-label-color, #7090c0);
+  line-height: 1;
+  padding: 0 2px;
+  margin-bottom: -2px;
+}
 /* Events overlay — pointer-events:none so clicks pass to columns */
 .month-events-overlay {
   position: absolute; top: 30px; left: 0; right: 0; bottom: 0;