Add post and event cards, shared calendar sheet and per-event ICS; rework past events and next-event card

Elternbeirat.Web/Features/Home/Home.razor.css

@@ -136,38 +136,6 @@
     align-items: flex-start;
 }
 
-/* The calendar sheet: a blue band with the month over a large day number. The band
-   uses the button blue, which keeps white text at >= 5.5:1 in both schemes (the
-   green accent would fall below AA for text this small). */
-.calendar-sheet {
-    flex-shrink: 0;
-    display: flex;
-    flex-direction: column;
-    width: 4rem;
-    overflow: hidden;
-    border: 1px solid var(--color-border);
-    border-radius: var(--radius-sm);
-    background: var(--color-bg);
-    text-align: center;
-}
-
-.calendar-month {
-    padding: 0.1rem 0;
-    background: var(--color-button);
-    color: var(--color-on-button);
-    font-size: 0.8rem;
-    font-weight: 700;
-    text-transform: uppercase;
-}
-
-.calendar-day {
-    padding: var(--space-1) 0;
-    color: var(--color-heading);
-    font-size: 1.75rem;
-    font-weight: var(--font-weight-heading);
-    line-height: 1.2;
-}
-
 .next-event-details {
     min-width: 0;   /* lets a long title wrap instead of widening the card */
 }
@@ -180,7 +148,9 @@
     line-height: 1.3;
 }
 
-.next-event-location {
+/* Time and place, one line each with their icon, green as on the event cards. The
+   icon belongs to Icon's own scope, so it is reached through ::deep. */
+.next-event-meta {
     display: flex;
     align-items: center;
     gap: var(--space-1);
@@ -189,6 +159,10 @@
     font-size: 0.9rem;
 }
 
+.next-event-meta ::deep .icon {
+    color: var(--color-accent-dark);
+}
+
 /* --- Tiles --------------------------------------------------------------------
    One card per header page. Fixed columns instead of auto-fill: two on a phone,
    three from tablet width, so the six pages always fill whole rows and never leave