Render FAQ topics as cards, drop dead scoped CSS

Elternbeirat.Web.Tests/PocketBaseFixture.cs

@@ -314,15 +314,16 @@ public sealed class PocketBaseFixture : IAsyncLifetime
         });
 
         // Faq topics: two, ordered. The topics own the grouping and the order the FAQ
-        // page shows the groups in (Mensa before Schließfächer).
+        // page shows the groups in (cafeteria before lockers). Titles stay German for
+        // visitors; slugs are English, as for every route.
         var lunchTopicId = await CreateRecordAsync(http, "faq_topics", new
         {
-            title = "Mensa und Mittagessen", slug = "mensa", intro = "",
+            title = "Mensa und Mittagessen", slug = "cafeteria", intro = "",
             order = 1, @public = true,
         });
         var lockerTopicId = await CreateRecordAsync(http, "faq_topics", new
         {
-            title = "Schließfächer", slug = "schliessfach", intro = "",
+            title = "Schließfächer", slug = "lockers", intro = "",
             order = 2, @public = true,
         });