Add FAQ, Rules, and Safety pages with corresponding routes and SEO metadata

- Introduced new links in ImprintContainer.vue for FAQ, Rules, and Safety pages.
- Added FaqView, RulesView, and SafetyView components to handle the new routes.
- Implemented SEO metadata for the new pages in routes-seo.js and router/index.js.
- Updated server routes to include the new paths for proper handling in production.

These changes enhance the site's informational resources and improve SEO visibility for user inquiries.

client/src/views/SafetyView.vue

@@ -0,0 +1,75 @@
+<template>
+  <div class="chat-container">
+    <header class="header">
+      <div class="app-brand">
+        <span class="app-brand-mark">S</span>
+        <div class="app-brand-copy">
+          <span class="app-brand-eyebrow">SingleChat</span>
+          <h1>Sicherheit</h1>
+        </div>
+      </div>
+      <HeaderAdBanner />
+    </header>
+
+    <main class="content-page">
+      <h2>Sicherheit &amp; Privatsphäre</h2>
+      <p>
+        SingleChat ist auf schnellen Einstieg ausgelegt – trotzdem ist uns Sicherheit wichtig. Diese Hinweise helfen dir
+        dabei, deine Privatsphäre zu schützen und gute Entscheidungen im Chat zu treffen.
+      </p>
+
+      <h3>Empfehlungen für sichere Nutzung</h3>
+      <ul>
+        <li>Nutze einen Nickname, der dich nicht identifiziert.</li>
+        <li>Teile keine Kontakt- oder Zahlungsdaten.</li>
+        <li>Sei vorsichtig bei Links/Dateien von unbekannten Personen.</li>
+        <li>Beende Gespräche, die dir unangenehm sind.</li>
+      </ul>
+
+      <h3>Blockieren und melden</h3>
+      <p>
+        Du kannst Benutzer blockieren. Für harte Fälle (Spam, Belästigung, strafbare Inhalte) nutze bitte die
+        <router-link to="/feedback">Feedback-Seite</router-link> und gib Zeitpunkt, Nickname und eine kurze Beschreibung
+        an.
+      </p>
+
+      <h3>Datenschutz</h3>
+      <p>
+        Details findest du im Impressum/Datenschutz-Hinweis unten auf der Seite. Wenn du Fragen hast, kontaktiere uns
+        gern über Feedback.
+      </p>
+    </main>
+
+    <ImprintContainer />
+  </div>
+</template>
+
+<script setup>
+import HeaderAdBanner from '../components/HeaderAdBanner.vue';
+import ImprintContainer from '../components/ImprintContainer.vue';
+</script>
+
+<style scoped>
+.content-page {
+  max-width: 980px;
+  margin: 0 auto;
+  padding: 20px 14px 36px;
+  line-height: 1.6;
+  color: #344038;
+}
+
+.content-page h2 {
+  margin: 0 0 10px;
+  color: #18201b;
+}
+
+.content-page h3 {
+  margin: 18px 0 6px;
+  color: #18201b;
+}
+
+.content-page a {
+  color: #245c3a;
+}
+</style>
+