Add Ratgeber section with new routes and links

- Introduced a new "Ratgeber" link in ImprintContainer.vue for better user navigation.
- Added multiple routes for the Ratgeber section, including GuideHubView, GuideFirstMessageView, GuideProfileView, GuideSafetyView, and GuideRedFlagsView, enhancing content accessibility.
- Implemented SEO metadata for the new routes to improve search engine visibility and user engagement.

These changes collectively enhance the site's informational resources and improve navigation for users seeking guidance on chat-related topics.

client/src/views/GuideProfileView.vue

@@ -0,0 +1,82 @@
+<template>
+  <div class="chat-container">
+    <header class="header">
+      <router-link to="/" class="app-brand app-brand-link">
+        <span class="app-brand-mark">S</span>
+        <div class="app-brand-copy">
+          <span class="app-brand-eyebrow">SingleChat</span>
+          <h1>Ratgeber</h1>
+        </div>
+      </router-link>
+      <HeaderAdBanner />
+    </header>
+
+    <main class="content-page">
+      <h2>Profil verbessern in 10 Minuten</h2>
+      <p>
+        Ein gutes Profil muss nicht lang sein. Entscheidend ist, dass andere Nutzer schnell erkennen, wer du bist und
+        wie man mit dir ins Gespraech kommt. Schon kleine Anpassungen helfen, passendere Unterhaltungen zu starten.
+      </p>
+
+      <h3>1) Klarer, neutraler Nickname</h3>
+      <p>
+        Vermeide beleidigende Begriffe, reine Zahlencodes oder provozierende Namen. Ein klarer Nickname wirkt
+        vertrauenswuerdig und erleichtert den Einstieg.
+      </p>
+
+      <h3>2) Realistische Angaben zu Alter und Interessen</h3>
+      <p>
+        Ehrliche Angaben verbessern die Treffer in der Suche. Wer Alter, Interessen und Gespraechsthemen sauber angibt,
+        bekommt haeufiger Antworten mit echtem Bezug.
+      </p>
+
+      <h3>3) Einladende erste Formulierung</h3>
+      <p>
+        Eine kurze Profilzeile wie „Mag Musik, Spaziergaenge und gute Gespräche ueber Alltag und Reisen“ gibt direkt
+        einen Anknuepfungspunkt.
+      </p>
+
+      <h3>4) Sicherheit immer mitdenken</h3>
+      <p>
+        Keine privaten Kontaktdaten im Profil und keine Hinweise auf Adresse, Arbeitgeber oder eindeutige Tagesroutinen.
+        Details zur Privatsphaere findest du unter
+        <router-link to="/ratgeber/sicher-chatten">Sicher chatten</router-link>.
+      </p>
+
+      <p>
+        Fuer konkrete Einstiegsbeispiele lohnt sich unser Leitfaden
+        <router-link to="/ratgeber/erste-nachricht">Die erste Nachricht im Chat</router-link>.
+      </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,
+.content-page h3 {
+  color: #18201b;
+}
+
+.content-page a {
+  color: #245c3a;
+}
+
+.app-brand-link {
+  text-decoration: none;
+}
+</style>