Unify post and event cards to one style on the home page

Elternbeirat.Web/Features/Events/EventDate.razor.css

@@ -0,0 +1,9 @@
+/* The date's own look: small and softened, matching <PostDate> so post and event
+   cards read as one style. Lives with the component so every place that renders
+   <EventDate> (list, home embed) shows the date the same way. Positioning (margin
+   to neighbours) is NOT set here -- that is the surrounding list's job. */
+time {
+    display: block;
+    color: var(--color-text-soft);   /* token, so it adapts in dark mode */
+    font-size: 0.85rem;
+}

Elternbeirat.Web/Features/Events/EventList.razor

@@ -39,16 +39,18 @@ else
             @foreach (var ev in _upcomingEvents)
             {
                 <li>
-                    <EventDate Value="ev" />
-                    <span class="event-title">@ev.Title</span>
-                    @if (!string.IsNullOrWhiteSpace(ev.Location))
-                    {
-                        <span class="event-location">@ev.Location</span>
-                    }
-                    @if (!string.IsNullOrWhiteSpace(ev.Note))
-                    {
-                        <p class="event-note">@ev.Note</p>
-                    }
+                    <a class="card-link" href="/events">
+                        <span class="event-title">@ev.Title</span>
+                        <EventDate Value="ev" />
+                        @if (!string.IsNullOrWhiteSpace(ev.Location))
+                        {
+                            <span class="event-location">@ev.Location</span>
+                        }
+                        @if (!string.IsNullOrWhiteSpace(ev.Note))
+                        {
+                            <p class="event-note">@ev.Note</p>
+                        }
+                    </a>
                 </li>
             }
         </ul>
@@ -61,12 +63,14 @@ else
             @foreach (var ev in _pastEvents)
             {
                 <li>
-                    <EventDate Value="ev" />
-                    <span class="event-title">@ev.Title</span>
-                    @if (!string.IsNullOrWhiteSpace(ev.Location))
-                    {
-                        <span class="event-location">@ev.Location</span>
-                    }
+                    <a class="card-link" href="/events">
+                        <span class="event-title">@ev.Title</span>
+                        <EventDate Value="ev" />
+                        @if (!string.IsNullOrWhiteSpace(ev.Location))
+                        {
+                            <span class="event-location">@ev.Location</span>
+                        }
+                    </a>
                 </li>
             }
         </ul>