[BUGFIX] add faq folder

rot_app/src/routes/admin/+page.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import { user } from '../../stores/User.js';
-  import FAQ from './FAQ.svelte';
 </script>
 
 <svelte:head>
@@ -8,19 +7,10 @@
 </svelte:head>
 
 <div class="max-w-screen-lg w-full">
-  <h1 class="h1">FAQs</h1>
+  <h1 class="h1">User</h1>
 
   <div class="grid pt-8 text-left gap-10">
-      
-  {#if $user.isCox}
-    <FAQ 
-      question={'Wie kann ich eine erstellte Ausfahrt absagen?'} 
-      answer={'Du kannst bei deinen selbst angelegten Ausfahrten auf Details klicken und hier unter Ausfahrt bearbeiten die <strong>Anzahl der Ruderer auf 0 setzen</strong>. Danach wird die Ausfahrt als abgesagt markiert. Bedenke allerdings, dass dadurch nicht automatisch alle Mitruderer informiert werden. Bitte zusätzlich in die Signal Gruppe schreiben oder den Betroffenen persönlich Bescheid geben.'} />
-  {/if}
-
-  <FAQ 
-  question={'Wie kann ich eine erstellte Ausfahrt absagen?'} 
-  answer={'Du kannst bei deinen selbst angelegten Ausfahrten auf Details klicken und hier unter Ausfahrt bearbeiten die <strong>Anzahl der Ruderer auf 0 setzen</strong>. Danach wird die Ausfahrt als abgesagt markiert. Bedenke allerdings, dass dadurch nicht automatisch alle Mitruderer informiert werden. Bitte zusätzlich in die Signal Gruppe schreiben oder den Betroffenen persönlich Bescheid geben.'} />
+      Test
 
   </div>
 </div>

rot_app/src/routes/faq/+page.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { user } from '../../stores/User.js';
+  import FAQ from './FAQ.svelte';
+</script>
+
+<svelte:head>
+	<title>FAQ - ASKÖ Ruderverein Donau Linz</title>
+</svelte:head>
+
+<div class="max-w-screen-lg w-full">
+  <h1 class="h1">FAQs</h1>
+
+  <div class="grid pt-8 text-left gap-10">
+      
+  {#if $user.isCox}
+    <FAQ 
+      question={'Wie kann ich eine erstellte Ausfahrt absagen?'} 
+      answer={'Du kannst bei deinen selbst angelegten Ausfahrten auf Details klicken und hier unter Ausfahrt bearbeiten die <strong>Anzahl der Ruderer auf 0 setzen</strong>. Danach wird die Ausfahrt als abgesagt markiert. Bedenke allerdings, dass dadurch nicht automatisch alle Mitruderer informiert werden. Bitte zusätzlich in die Signal Gruppe schreiben oder den Betroffenen persönlich Bescheid geben.'} />
+  {/if}
+
+  <FAQ 
+  question={'Wie kann ich eine erstellte Ausfahrt absagen?'} 
+  answer={'Du kannst bei deinen selbst angelegten Ausfahrten auf Details klicken und hier unter Ausfahrt bearbeiten die <strong>Anzahl der Ruderer auf 0 setzen</strong>. Danach wird die Ausfahrt als abgesagt markiert. Bedenke allerdings, dass dadurch nicht automatisch alle Mitruderer informiert werden. Bitte zusätzlich in die Signal Gruppe schreiben oder den Betroffenen persönlich Bescheid geben.'} />
+
+  </div>
+</div>

rot_app/src/routes/faq/+page.ts

@@ -0,0 +1,9 @@
+import { dev } from '$app/environment';
+
+// we don't need any JS on this page, though we'll load
+// it in dev so that we get hot module replacement
+export const csr = dev;
+
+// since there's no dynamic data here, we can prerender
+// it so that it gets served as a static asset in production
+export const prerender = true;

rot_app/src/routes/faq/FAQ.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  export let question: string;
+	export let answer: string;
+</script>
+
+<div>
+  <h2 class="flex mb-4 text-lg font-bold text-primary-900">
+    {@html question }
+  </h2>
+  <p class="text-primary-950">{@html answer }</p>
+</div>