Refine admin workflows and team access

frontend/src/components/admin/AdminContentFaqSection.vue

@@ -7,6 +7,10 @@
         <p class="mt-2 text-sm leading-6 text-slate-500">Fragen und Antworten erscheinen im FAQ-Abschnitt der Landingpage.</p>
       </div>
       <div class="flex flex-wrap gap-2 sm:justify-end">
+        <Button variant="ghost" size="sm" class="gap-2 rounded-2xl border border-violet-200 bg-white px-4 text-violet-700 shadow-none hover:bg-violet-50" @click="$emit('open-preview')">
+          <Eye class="h-4 w-4" />
+          FAQ Preview
+        </Button>
         <Button variant="ghost" size="sm" class="gap-2 rounded-2xl border border-violet-200 bg-violet-50 px-4 text-violet-700 shadow-none hover:bg-violet-100" @click="addFaqItem">
           <Plus class="h-4 w-4" />
           FAQ hinzufügen
@@ -33,7 +37,7 @@
 </template>
 
 <script setup lang="ts">
-import { Plus, Save, Trash2 } from '@lucide/vue'
+import { Eye, Plus, Save, Trash2 } from '@lucide/vue'
 
 import Button from '../ui/Button.vue'
 import Card from '../ui/Card.vue'
@@ -47,6 +51,10 @@ const props = defineProps<{
   saveSiteSettings: (sectionLabel?: string) => Promise<void>
 }>()
 
+defineEmits<{
+  'open-preview': []
+}>()
+
 function onSave() {
   return props.saveSiteSettings('FAQ')
 }