Fix Docker build and Next.js metadata configuration

- Move themeColor and viewport to separate viewport export in layout.tsx
- Improve Docker build process with npm ci and proper dependency handling
- Add Docker-friendly Next.js configuration settings
- Resolve constructor error and metadata warnings

next.config.js

@@ -14,11 +14,15 @@ const nextConfig = {
   // Optimize images
   images: {
     formats: ['image/avif', 'image/webp'],
+    unoptimized: process.env.NODE_ENV === 'production',
   },
   // Enable compression
   compress: true,
   // Production source maps (smaller)
   productionBrowserSourceMaps: false,
+  // Ensure proper handling in Docker
+  trailingSlash: false,
+  poweredByHeader: false,
 }
 
 module.exports = nextConfig