Rollback - PDF Import funzt so semi

frontend/src/components/Header.tsx

@@ -5,6 +5,8 @@ import { useAuthStore } from '../stores/authStore'
 import { authApi } from '../services/api'
 import { usePermissions } from '../hooks/usePermissions'
 import WindowControls from './WindowControls'
+import OrganizationChart from './OrganizationChart'
+import { Building2 } from 'lucide-react'
 
 export default function Header() {
   const { isDarkMode, toggleTheme } = useThemeStore()
@@ -14,6 +16,7 @@ export default function Header() {
   const [loginForm, setLoginForm] = useState({ username: '', password: '' })
   const [loginError, setLoginError] = useState('')
   const [loginLoading, setLoginLoading] = useState(false)
+  const [showOrganigramm, setShowOrganigramm] = useState(false)
 
   const handleLogin = async (e: React.FormEvent) => {
     e.preventDefault()
@@ -119,6 +122,14 @@ export default function Header() {
                   Admin
                 </a>
               )}
+              <button
+                onClick={() => setShowOrganigramm(true)}
+                className="btn-secondary text-sm px-3 py-1 h-8 flex items-center gap-1"
+                title="Organigramm anzeigen"
+              >
+                <Building2 className="w-4 h-4" />
+                <span className="hidden sm:inline">Organigramm</span>
+              </button>
               <button
                 onClick={handleLogout}
                 className="btn-secondary text-sm px-3 py-1 h-8"
@@ -152,6 +163,11 @@ export default function Header() {
       </div>
       
       <WindowControls />
+      
+      {/* Organization Chart Modal */}
+      {showOrganigramm && (
+        <OrganizationChart onClose={() => setShowOrganigramm(false)} />
+      )}
     </header>
   )
 }