fixed footer

Dockerfile

@@ -10,36 +10,50 @@ RUN apt-get update && apt-get install -y python3 python3-pip build-essential \
 # Create symlink so python3 is callable as python
 RUN ln -sf /usr/bin/python3 /usr/bin/python
 
-# Copy all files
-COPY . .
+# Copy root package files first
+COPY package*.json ./
+COPY tsconfig.base.json ./
+COPY ecosystem.config.cjs ./
 
-# Use npm install instead of npm ci to avoid the bug
-RUN npm install
+# Install root dependencies
+RUN npm install --only=production
+
+# Copy workspace files
+COPY backend/ ./backend/
+COPY frontend/ ./frontend/
+
+# Install workspace dependencies individually
+RUN npm install --workspace=backend
+RUN npm install --workspace=frontend
 
 # Build backend first
-RUN npm run build --workspace=backend
+RUN npm run build --only=production --workspace=backend
 
 # Build frontend
-RUN npm run build --workspace=frontend
+RUN npm run build --only=production --workspace=frontend
 
 # Verify Python and OR-Tools installation
 RUN python -c "from ortools.sat.python import cp_model; print('OR-Tools installed successfully')"
 
-# Production stage - same as above
+# Production stage (same as above)
 FROM node:20-bookworm
 
 WORKDIR /app
 
 RUN npm install -g pm2
-
 RUN mkdir -p /app/data
 
 COPY --from=builder /app/backend/dist/ ./dist/
 COPY --from=builder /app/backend/package*.json ./
+
 COPY --from=builder /app/node_modules/ ./node_modules/
 COPY --from=builder /app/frontend/dist/ ./frontend-build/
+
 COPY --from=builder /app/ecosystem.config.cjs ./
 
+COPY --from=builder /app/backend/src/database/ ./dist/database/
+COPY --from=builder /app/backend/src/database/ ./database/
+
 RUN groupadd -g 1001 nodejs && \
     useradd -m -u 1001 -s /bin/bash -g nodejs schichtplan && \
     chown -R schichtplan:nodejs /app && \

frontend/package.json

@@ -9,12 +9,14 @@
     "react-router-dom": "^6.28.0"
   },
   "devDependencies": {
+    "@types/node": "20.19.23",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@types/react-router-dom": "^5.3.3",
     "@vitejs/plugin-react": "^4.3.3",
     "typescript": "^5.7.3",
-    "vite": "^6.0.7"
+    "vite": "^6.0.7",
+    "esbuild": "^0.21.0"
   },
   "scripts": {
     "dev": "vite",

frontend/src/components/Layout/Footer.tsx

@@ -10,12 +10,12 @@ const Footer: React.FC = () => {
       borderTop: '1px solid rgba(251, 250, 246, 0.1)',
     },
     footerContent: {
-      maxWidth: '1200px',
+      maxWidth: '1500px',
       margin: '0 auto',
       padding: '3rem 2rem 2rem',
       display: 'grid',
-      gridTemplateColumns: 'repeat(auto-fit, minmax(250px, 1fr))',
-      gap: '3rem',
+      gridTemplateColumns: 'repeat(auto-fit, minmax(100px, 1fr))',
+      gap: '1rem',
     },
     footerSection: {
       display: 'flex',

frontend/src/components/Layout/FooterLinks/FAQ/FAQ.tsx

@@ -35,7 +35,7 @@ const FAQ: React.FC = () => {
     },
     {
       question: "Wie lange dauert die Planungserstellung?",
-      answer: "Typischerweise 30-105 Sekunden, abhängig von der Anzahl der Mitarbeiter und Schichten."
+      answer: "Typischerweise maximal 105 Sekunden, abhängig von der Anzahl der Mitarbeiter und Schichten."
     }
   ];
 

frontend/src/components/Layout/FooterLinks/Features/Features.tsx

@@ -11,7 +11,7 @@ const Features: React.FC = () => {
     {
       icon: "⚡",
       title: "Schnelle Berechnung",
-      description: "Google OR-Tools CP-SAT Solver findet Lösungen in 30-105 Sekunden"
+      description: "Google OR-Tools CP-SAT Solver findet Lösungen in maximal 105 Sekunden"
     },
     {
       icon: "👥",

frontend/src/components/Layout/Layout.module.css

@@ -151,7 +151,7 @@
   margin: 0 auto;
   padding: 2rem 20px;
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
   gap: 2rem;
 }
 

frontend/src/pages/Auth/Login.tsx

@@ -129,7 +129,7 @@ const Login: React.FC = () => {
             onChange={(e) => setEmail(e.target.value)}
             required
             style={{
-              width: '94.5%',
+              width: '100%',
               padding: '10px',
               border: '1px solid #ddd',
               borderRadius: '4px',
@@ -151,7 +151,7 @@ const Login: React.FC = () => {
               onChange={(e) => setPassword(e.target.value)}
               required
               style={{
-                width: '94.5%',
+                width: '100%',
                 padding: '10px',
                 paddingRight: '10px',
                 border: '1px solid #ddd',