resolve issues with new features

frontend/src/pages/AdminSettings.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import {
   Container,
   Typography,
@@ -76,9 +76,11 @@ function AdminSettings() {
     adminServices: 15,
   });
 
-  // State for PDF header/footer
+  // State for PDF header/footer/logo/org
   const [pdfHeader, setPdfHeader] = useState('');
   const [pdfFooter, setPdfFooter] = useState('');
+  const [pdfLogo, setPdfLogo] = useState('');
+  const [pdfOrgName, setPdfOrgName] = useState('');
 
   // Fetch all settings
   const { data: settings, isLoading } = useQuery({
@@ -113,6 +115,10 @@ function AdminSettings() {
       if (pdfHeaderSetting?.value != null) setPdfHeader(pdfHeaderSetting.value);
       const pdfFooterSetting = settings.find((s) => s.key === 'pdf_footer');
       if (pdfFooterSetting?.value != null) setPdfFooter(pdfFooterSetting.value);
+      const pdfLogoSetting = settings.find((s) => s.key === 'pdf_logo');
+      if (pdfLogoSetting?.value != null) setPdfLogo(pdfLogoSetting.value);
+      const pdfOrgNameSetting = settings.find((s) => s.key === 'pdf_org_name');
+      if (pdfOrgNameSetting?.value != null) setPdfOrgName(pdfOrgNameSetting.value);
     }
   }, [settings]);
 
@@ -156,17 +162,40 @@ function AdminSettings() {
       queryClient.invalidateQueries({ queryKey: ['pdf-settings'] });
     },
   });
+  const pdfLogoMutation = useMutation({
+    mutationFn: (value: string) => settingsApi.update('pdf_logo', value),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['admin-settings'] });
+      queryClient.invalidateQueries({ queryKey: ['pdf-settings'] });
+    },
+  });
+  const pdfOrgNameMutation = useMutation({
+    mutationFn: (value: string) => settingsApi.update('pdf_org_name', value),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['admin-settings'] });
+      queryClient.invalidateQueries({ queryKey: ['pdf-settings'] });
+    },
+  });
   const handleSavePdfSettings = async () => {
     try {
       await Promise.all([
         pdfHeaderMutation.mutateAsync(pdfHeader),
         pdfFooterMutation.mutateAsync(pdfFooter),
+        pdfLogoMutation.mutateAsync(pdfLogo),
+        pdfOrgNameMutation.mutateAsync(pdfOrgName),
       ]);
       showSuccess('PDF-Einstellungen gespeichert');
     } catch {
       showError('Fehler beim Speichern der PDF-Einstellungen');
     }
   };
+  const handleLogoUpload = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    const reader = new FileReader();
+    reader.onload = (ev) => setPdfLogo(ev.target?.result as string);
+    reader.readAsDataURL(file);
+  };
 
   if (!isAdmin) {
     return <Navigate to="/dashboard" replace />;
@@ -423,7 +452,44 @@ function AdminSettings() {
               </Typography>
               <Stack spacing={2}>
                 <TextField
-                  label="PDF Kopfzeile"
+                  label="Organisationsname (rechts im PDF-Header)"
+                  value={pdfOrgName}
+                  onChange={(e) => setPdfOrgName(e.target.value)}
+                  fullWidth
+                  size="small"
+                  placeholder="FREIWILLIGE FEUERWEHR REMS"
+                />
+                <Box>
+                  <Typography variant="body2" color="text.secondary" gutterBottom>
+                    Logo (erscheint rechts im PDF-Header, neben dem Organisationsnamen)
+                  </Typography>
+                  <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>
+                    <Button component="label" variant="outlined" size="small">
+                      Logo hochladen
+                      <input
+                        type="file"
+                        hidden
+                        accept="image/*"
+                        onChange={handleLogoUpload}
+                      />
+                    </Button>
+                    {pdfLogo && (
+                      <>
+                        <Box
+                          component="img"
+                          src={pdfLogo}
+                          alt="Logo Vorschau"
+                          sx={{ height: 40, maxWidth: 120, objectFit: 'contain', borderRadius: 1 }}
+                        />
+                        <IconButton size="small" onClick={() => setPdfLogo('')} title="Logo entfernen">
+                          <Delete fontSize="small" />
+                        </IconButton>
+                      </>
+                    )}
+                  </Box>
+                </Box>
+                <TextField
+                  label="PDF Kopfzeile (links, unter dem Header-Banner)"
                   value={pdfHeader}
                   onChange={(e) => setPdfHeader(e.target.value)}
                   multiline
@@ -447,7 +513,12 @@ function AdminSettings() {
                     onClick={handleSavePdfSettings}
                     variant="contained"
                     size="small"
-                    disabled={pdfHeaderMutation.isPending || pdfFooterMutation.isPending}
+                    disabled={
+                      pdfHeaderMutation.isPending ||
+                      pdfFooterMutation.isPending ||
+                      pdfLogoMutation.isPending ||
+                      pdfOrgNameMutation.isPending
+                    }
                   >
                     Speichern
                   </Button>