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

Elternbeirat.Web/Features/Embeds/EventsEmbed.razor

@@ -6,16 +6,8 @@
         <ul class="event-list">
             @foreach (var ev in _upcomingEvents)
             {
-                <li>
-                    <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>
+                @* A teaser: each card leads to the events page with the full list. *@
+                <li><EventCard Value="ev" Href="/events" /></li>
             }
         </ul>
     </section>

Elternbeirat.Web/Features/Embeds/EventsEmbed.razor.css

@@ -1,5 +1,5 @@
-/* Card styles for .event-list are shared with the full events page and live in the
-   global app.css. Only the embed's spacing on the home page is specific here. */
+/* The card is EventCard and the list grid lives in the global app.css, shared with
+   the full events page. Only the embed's spacing on the home page is specific here. */
 .embed-events {
     margin-top: var(--space-5);
 }

Elternbeirat.Web/Features/Embeds/PostsEmbed.razor

@@ -6,12 +6,7 @@
         <ul class="post-list">
             @foreach (var post in _latest)
             {
-                <li>
-                    <a class="card-link" href="@($"/posts/{post.Slug}")">
-                        <span class="post-title">@post.Title</span>
-                        <PostDate Value="post.Date" />
-                    </a>
-                </li>
+                <li><PostCard Value="post" /></li>
             }
         </ul>
     </section>

Elternbeirat.Web/Features/Embeds/PostsEmbed.razor.css

@@ -1,5 +1,5 @@
-/* Card styles for .post-list are shared with the full posts page and live in the
-   global app.css. Only the embed's spacing on the home page is specific here. */
+/* The card is PostCard and the list grid lives in the global app.css, shared with
+   the full posts page. Only the embed's spacing on the home page is specific here. */
 .embed-posts {
     margin-top: var(--space-5);
 }