multiple corrections on docker-compose and Dockerfile

robust start sequence
avoid scrolling of main content

dashboard/src/App.tsx

@@ -116,10 +116,10 @@ const Layout: React.FC = () => {
         </div>
       </aside>
       {/* Main Content */}
-      <div className="flex-1 flex flex-col">
+      <div className={`content-area ${collapsed ? 'collapsed' : ''}`}>
         {/* Header */}
         <header
-          className="flex items-center px-8 shadow"
+          className="content-header flex items-center px-8 shadow"
           style={{
             backgroundColor: '#e5d8c7',
             color: '#78591c',
@@ -140,7 +140,7 @@ const Layout: React.FC = () => {
             [Organisationsname]
           </span>
         </header>
-        <main className="flex-1 p-8 bg-gray-100 page-content-scroll">
+        <main className="page-content">
           <Outlet />
         </main>
       </div>