feat: fix lucide-react renders

feat: fix mobile designs
feat: remove conflicting react-hook-form
feat: change update-account-form path

next.config.mjs

@@ -1,4 +1,7 @@
 import withBundleAnalyzer from '@next/bundle-analyzer';
+import transpileModules from 'next-transpile-modules';
+
+const withTM = transpileModules(['lucide-react']);
 
 const IS_PRODUCTION = process.env.NODE_ENV === 'production';
 const SUPABASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL;
@@ -24,7 +27,7 @@ const INTERNAL_PACKAGES = [
 ];
 
 /** @type {import('next').NextConfig} */
-const config = {
+const config = withTM({
   reactStrictMode: true,
   /** Enables hot reloading for local packages without a build step */
   transpilePackages: INTERNAL_PACKAGES,
@@ -67,7 +70,7 @@ const config = {
   /** We already do linting and typechecking as separate tasks in CI */
   eslint: { ignoreDuringBuilds: true },
   typescript: { ignoreBuildErrors: true },
-};
+});
 
 export default withBundleAnalyzer({
   enabled: process.env.ANALYZE === 'true',