Add HeaderAdBanner component to ChatView, FeedbackView, and PartnersView

- Integrated HeaderAdBanner into ChatView.vue, FeedbackView.vue, and PartnersView.vue to enhance advertising capabilities.
- Updated PartnersView.vue to include a new app branding structure for improved visual hierarchy.

These changes collectively improve the user interface and advertising integration across multiple views.

client/src/components/HeaderAdBanner.vue

@@ -0,0 +1,80 @@
+<template>
+  <div v-if="isEnabled" class="header-ad-banner">
+    <ins
+      ref="adElement"
+      class="adsbygoogle"
+      style="display:block"
+      :data-ad-client="adClient"
+      :data-ad-slot="adSlot"
+      data-ad-format="auto"
+      data-full-width-responsive="true"
+    ></ins>
+  </div>
+</template>
+
+<script setup>
+import { computed, nextTick, onMounted, ref } from 'vue';
+
+const adElement = ref(null);
+const adClient = import.meta.env.VITE_ADSENSE_CLIENT || '';
+const adSlot = import.meta.env.VITE_ADSENSE_HEADER_SLOT || '';
+const isEnabled = computed(() => Boolean(adClient && adSlot));
+
+function ensureAdSenseScript() {
+  if (!isEnabled.value) return;
+  if (document.querySelector('script[data-adsense-loader="true"]')) return;
+
+  const script = document.createElement('script');
+  script.async = true;
+  script.src = `https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${adClient}`;
+  script.crossOrigin = 'anonymous';
+  script.dataset.adsenseLoader = 'true';
+  document.head.appendChild(script);
+}
+
+onMounted(async () => {
+  if (!isEnabled.value) return;
+
+  ensureAdSenseScript();
+  await nextTick();
+
+  try {
+    // Avoid duplicate initialization on remount.
+    if (adElement.value?.dataset.adsInitialized === 'true') return;
+    (window.adsbygoogle = window.adsbygoogle || []).push({});
+    if (adElement.value) {
+      adElement.value.dataset.adsInitialized = 'true';
+    }
+  } catch (error) {
+    console.warn('AdSense Banner konnte nicht initialisiert werden:', error);
+  }
+});
+</script>
+
+<style scoped>
+.header-ad-banner {
+  flex: 1;
+  min-width: 280px;
+  max-width: 728px;
+  margin: 0 16px;
+  padding: 4px 0;
+}
+
+.header-ad-banner :deep(ins) {
+  min-height: 50px;
+}
+
+@media (max-width: 960px) {
+  .header-ad-banner {
+    min-width: 220px;
+    max-width: 468px;
+    margin: 0 10px;
+  }
+}
+
+@media (max-width: 720px) {
+  .header-ad-banner {
+    display: none;
+  }
+}
+</style>