Serve FAQs from PocketBase on a grouped /faqs page

Elternbeirat.Web/Features/Faqs/FaqList.razor

@@ -0,0 +1,28 @@
+@page "/faqs"
+
+<PageTitle>Häufige Fragen</PageTitle>
+
+<h1>Häufige Fragen</h1>
+
+@if (_groups.Count == 0)
+{
+    <p>Zurzeit gibt es keine Fragen.</p>
+}
+else
+{
+    @foreach (var group in _groups)
+    {
+        <section class="faq-topic">
+            <h2>@TopicLabel(group.Key)</h2>
+            @foreach (var faq in group)
+            {
+                <details class="faq-item">
+                    <summary>@faq.Question</summary>
+                    <div class="faq-answer">
+                        @((MarkupString)Markdown.ToHtml(faq.Answer))
+                    </div>
+                </details>
+            }
+        </section>
+    }
+}