tailwind problems

next.config.ts

@@ -1,11 +1,12 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  output: 'export',  // Enable static exports
+  output: 'export',
   images: {
-    unoptimized: true, // Required for static export
+    unoptimized: true,
   },
-  basePath: process.env.NODE_ENV === 'production' ? '/cv-app' : '', // Replace with your repository name
+  basePath: process.env.NODE_ENV === 'production' ? '/cv-app' : '',
+  assetPrefix: process.env.NODE_ENV === 'production' ? '/cv-app' : '',
 };
 
 export default nextConfig;

src/app/components/Sidebar.tsx

@@ -63,7 +63,7 @@ export default function Sidebar({ personal, languages }: SidebarProps) {
         <div className="mt-4">
           <div className="w-32 h-32 rounded-full overflow-hidden border-4 border-white shadow-lg relative">
             <Image
-              src="/profile_pic_maxime.jpeg"
+              src={process.env.NODE_ENV === 'production' ? '/cv-app/profile_pic.png' : '/profile_pic.png'}
               alt="Profile picture"
               width={128}
               height={128}

tailwind.config.ts

@@ -16,5 +16,7 @@ const config: Config = {
     },
   },
   plugins: [],
+  // Add important configuration to ensure styles are applied
+  important: true,
 };
-export default config;
+export default config;