implement functionality to delete clients in

clients and SetupMode components

dashboard/src/App.tsx

@@ -1,5 +1,11 @@
 import React, { useState } from 'react';
-import { BrowserRouter as Router, Routes, Route, Link, Outlet } from 'react-router-dom';
+import {
+  BrowserRouter as Router,
+  Routes,
+  Route,
+  Link,
+  Outlet,
+} from 'react-router-dom';
 import logo from './assets/logo.png';
 import './App.css';
 
@@ -30,17 +36,25 @@ const sidebarItems = [
   { name: 'Einstellungen', path: '/einstellungen', icon: Settings },
 ];
 
-import { useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
+// Dummy Components (können in eigene Dateien ausgelagert werden)
+import Dashboard from './dashboard';
+import Appointments from './appointments';
+import Ressourcen from './ressourcen';
+import Infoscreens from './clients';
+import Infoscreen_groups from './infoscreen_groups';
+import Media from './media';
+import Benutzer from './benutzer';
+import Einstellungen from './einstellungen';
+import SetupMode from './SetupMode';
 
 // ENV aus .env holen (Platzhalter, im echten Projekt über process.env oder API)
-const ENV = import.meta.env.VITE_ENV || 'development';
+// const ENV = import.meta.env.VITE_ENV || 'development';
 
 const Layout: React.FC = () => {
   const [collapsed, setCollapsed] = useState(false);
 
   return (
-    <div className="flex min-h-screen">
+    <div className="layout-container">
       {/* Sidebar */}
       <aside
         className={`sidebar-theme flex flex-col transition-all duration-300 ${collapsed ? 'w-20' : 'w-30'}`}
@@ -60,6 +74,7 @@ const Layout: React.FC = () => {
           className="sidebar-btn p-2 focus:outline-none transition-colors"
           onClick={() => setCollapsed(!collapsed)}
           aria-label={collapsed ? 'Sidebar ausklappen' : 'Sidebar einklappen'}
+          type="button"
         >
           <span style={{ fontSize: 20 }}>{collapsed ? '▶' : '◀'}</span>
         </button>
@@ -88,6 +103,7 @@ const Layout: React.FC = () => {
               // Hier ggf. Logout-Logik einfügen
               window.location.href = '/logout';
             }}
+            type="button"
           >
             <LogOut size={22} />
             {!collapsed && 'Abmelden'}
@@ -119,7 +135,7 @@ const Layout: React.FC = () => {
             [Organisationsname]
           </span>
         </header>
-        <main className="flex-1 p-8 bg-gray-100">
+        <main className="flex-1 p-8 bg-gray-100 page-content-scroll">
           <Outlet />
         </main>
       </div>
@@ -127,26 +143,8 @@ const Layout: React.FC = () => {
   );
 };
 
-function useLoginCheck() {
-  const [isLoggedIn, setIsLoggedIn] = useState(false);
-
-  useEffect(() => {
-    if (ENV === 'development') {
-      setIsLoggedIn(true); // Im Development immer eingeloggt
-      console.log('[Login] Development-Modus: User automatisch eingeloggt');
-      return;
-    }
-    // Hier echte Loginlogik einbauen (z.B. Token prüfen)
-    // setIsLoggedIn(...)
-    // console.log('[Login] Produktiv-Modus: Login-Check ausgeführt');
-  }, []);
-
-  return isLoggedIn;
-}
 
 const App: React.FC = () => {
-  const navigate = useNavigate();
-  const isLoggedIn = useLoginCheck();
 
   // Automatische Navigation zu /clients bei leerer Beschreibung entfernt
 
@@ -176,14 +174,3 @@ const AppWrapper: React.FC = () => (
 );
 
 export default AppWrapper;
-
-// Dummy Components (können in eigene Dateien ausgelagert werden)
-import Dashboard from './dashboard';
-import Appointments from './appointments';
-import Ressourcen from './ressourcen';
-import Infoscreens from './clients';
-import Infoscreen_groups from './infoscreen_groups';
-import Media from './media';
-import Benutzer from './benutzer';
-import Einstellungen from './einstellungen';
-import SetupMode from './SetupMode';