multiple corrections on docker-compose and Dockerfile

robust start sequence
avoid scrolling of main content

dashboard/src/App.css

@@ -17,6 +17,7 @@
 
 body {
   font-family: Inter, 'Segoe UI', Roboto, Arial, sans-serif;
+  overflow: hidden; /* Verhindert den Scrollbalken auf der obersten Ebene */
 }
 
 :root {
@@ -28,6 +29,7 @@ body {
 /* Layout-Container für Sidebar und Content */
 .layout-container {
   display: flex;
+  position: relative; /* Wichtig für die absolute Positionierung des Inhalts */
   height: 100vh; /* Feste Höhe auf die des Viewports setzen */
   overflow: hidden; /* Verhindert, dass der Scrollbalken den gesamten Container betrifft */
 }
@@ -40,6 +42,7 @@ body {
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
   flex-shrink: 0;
   overflow: hidden;
+  z-index: 10; /* Stellt sicher, dass die Sidebar über dem Inhalt ist */
 }
 
 .sidebar-theme .sidebar-link {
@@ -73,16 +76,36 @@ body {
   color: var(--sidebar-bg);
 }
 
+/* === START: ROBUSTES ABSOLUTE-POSITIONING-LAYOUT === */
 
-/* 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 */
+/* Der Inhaltsbereich wird absolut positioniert, um den Rest des Bildschirms auszufüllen */
+.content-area {
+  position: absolute;
+  inset: 0 0 0 16rem; /* Shorthand für top, right, bottom, left */
+  display: flex;
+  flex-direction: column;
+  transition: inset-inline-start 0.3s ease-in-out; /* Animiert die 'left' Eigenschaft */
 }
 
+/* Anpassung für die eingeklappte Sidebar */
+.content-area.collapsed {
+  left: 5rem; /* Breite der eingeklappten Sidebar (w-20) */
+}
+
+.content-header {
+  flex-shrink: 0; /* Header soll nicht schrumpfen */
+}
+
+.page-content {
+  flex-grow: 1; /* Füllt den verbleibenden Platz */
+  overflow-y: auto; /* NUR dieser Bereich scrollt */
+  padding: 2rem;
+  background-color: #f3f4f6;
+}
+
+/* === ENDE: ROBUSTES ABSOLUTE-POSITIONING-LAYOUT === */
+
+
 /* Kanban-Karten im Sidebar-Style */
 .e-kanban .e-card,
 .e-kanban .e-card .e-card-content,