Update dependencies and enhance user data handling

- Modified next.config.js to include additional packages for transpilation and improved module resolution.
- Updated package.json and package-lock.json to reflect changes in dependency versions, including React and Next.js.
- Enhanced optimistic updates in user data handling to ensure data integrity and prevent unnecessary updates.
- Improved error handling in user update mutations to ensure rollback only occurs when an address is provided.
- Refactored various components to use React types for better type safety and clarity.
- Removed the SECURITY_VULNERABILITIES_ANALYSIS.md file as it is no longer needed.

Author: QSchlegel

SECURITY_VULNERABILITIES_ANALYSIS.md

@@ -19,7 +19,7 @@ const config = {
     locales: ["en"],
     defaultLocale: "en",
   },
-  transpilePackages: ["geist"],
+  transpilePackages: ["geist", "@meshsdk/react"],
   typescript: {
     // Warning: This allows production builds to successfully complete even if
     // your project has type errors.
@@ -66,11 +66,23 @@ const config = {
       sideEffects: false,
     };
 
+    // Handle CommonJS modules that don't support named exports
+    config.resolve = {
+      ...config.resolve,
+      extensionAlias: {
+        ".js": [".js", ".ts", ".tsx"],
+      },
+    };
+    
     return config;
   },
+  
+  // External packages for server components to avoid bundling issues
+  serverExternalPackages: ["@fabianbormann/cardano-peer-connect"],
 };
 
 // Bundle analyzer - only enable when ANALYZE env var is set
+/** @type {(config: import("next").NextConfig) => import("next").NextConfig} */
 const withBundleAnalyzer = process.env.ANALYZE === 'true' 
   ? require('@next/bundle-analyzer')({
       enabled: true,