feat: FAQ overview element on TYPO3 13

Restored from a46918d (the FAQ page /skireisen/infos/allgemeine-infos/faqs/);
markup matches TYPO3 10.

Co-Authored-By: Claude Opus 5.5 <[email protected]>

packages/ep_theme/Resources/Private/Templates/FluidStyledContent/FaqOverview.html

@@ -0,0 +1,41 @@
+<html data-namespace-typo3-fluid="true" lang="en"
+      xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
+      xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
+
+    <f:layout name="Default"/>
+
+    <f:section name="Main">
+        <f:if condition="{faqs}">
+            <div class="py-8 bg-ep-primary-bg">
+                <div class="container"
+                     data-controller="faq">
+                    <div class="relative mb-4 max-w-screen-md">
+                        <input type="text"
+                               aria-label="Suchbegriff"
+                               data-action="faq#filter"
+                               class="form-field"
+                               placeholder="Suchbegriff">
+                        {ep:icon(icon: 'search', class: 'w-6 h-6 absolute top-2 right-2')}
+                    </div>
+                    <f:groupedFor each="{faqs}" as="groupFaqs" groupBy="data.category" groupKey="categoryName">
+                        <f:render partial="FaqGroup" arguments="{faqs: groupFaqs, category: categoryName}"/>
+                    </f:groupedFor>
+                    <div class="hidden py-4"
+                         data-faq-target="empty">
+                        Keine Treffer gefunden. Bitte ändere deinen Suchbegriff.
+                    </div>
+                    <f:if condition="{settings.infoPageUid}">
+                        <div class="flex items-center space-x-2 text-sm">
+                            {ep:icon(icon: 'info-circle', class: 'w-4 h-4')}
+                            <a href="{f:uri.typolink(parameter: settings.infoPageUid)}" class="underline">
+                                Weitere Reiseinfos findet ihr hier
+                            </a>
+                        </div>
+                    </f:if>
+                </div>
+            </div>
+        </f:if>
+    </f:section>
+
+</html>