implement functionality to delete clients in

clients and SetupMode components

dashboard/src/App.css

@@ -25,11 +25,22 @@ body {
   --sidebar-border: #d6c3a6;
 }
 
+/* Layout-Container für Sidebar und Content */
+.layout-container {
+  display: flex;
+  min-height: 100vh;
+  overflow: hidden; /* Verhindert, dass der Scrollbalken den gesamten Container betrifft */
+}
+
+/* Sidebar fixieren, keine Scrollbalken */
 .sidebar-theme {
   background-color: var(--sidebar-bg);
   color: var(--sidebar-fg);
   font-size: 1.15rem;
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+  width: 240px; /* Feste Breite für die Sidebar */
+  flex-shrink: 0;
+  overflow: hidden;
 }
 
 .sidebar-theme .sidebar-link {
@@ -63,6 +74,16 @@ body {
   color: var(--sidebar-bg);
 }
 
+
+/* Nur der Page-Content bekommt den horizontalen Scrollbalken */
+.page-content-scroll {
+  flex: 1 1 auto;
+  overflow-x: auto;
+  padding: 16px; /* Optional: Abstand innerhalb des Contents */
+  height: 100%;
+  box-sizing: border-box; /* Padding wird in die Breite/Höhe einbezogen */
+}
+
 /* Kanban-Karten im Sidebar-Style */
 .e-kanban .e-card,
 .e-kanban .e-card .e-card-content,
@@ -106,4 +127,11 @@ body {
   color: color-mix(in srgb, var(--sidebar-fg) 85%, #000 15%) !important;
 }
 
+/* Entferne den globalen Scrollbalken von .main-content! */
+.main-content {
+  width: 100%;
+  overflow-x: auto; /* Wiederherstellen des ursprünglichen Scroll-Verhaltens */
+  padding-bottom: 8px;
+}
+