fix: tree-shake lucide-react imports

next.config.test.ts

@@ -0,0 +1,14 @@
+import { describe, expect, it } from 'vitest';
+import nextConfig from './next.config';
+
+describe('next.config modularizeImports', () => {
+  it('adds a lucide-react modularization rule for tree-shaken icon imports', () => {
+    const modularizeImports = nextConfig.modularizeImports as Record<string, unknown>;
+
+    expect(modularizeImports).toBeDefined();
+    expect(modularizeImports.lodash).toEqual({ transform: 'lodash/{{member}}' });
+    expect(modularizeImports['lucide-react']).toEqual({
+      transform: 'lucide-react/dist/esm/icons/{{member}}',
+    });
+  });
+});

next.config.ts

@@ -14,6 +14,9 @@ const nextConfig: NextConfig = {
     lodash: {
       transform: 'lodash/{{member}}',
     },
+    'lucide-react': {
+      transform: 'lucide-react/dist/esm/icons/{{member}}',
+    },
   },
   eslint: {
     // Many legacy files do not match Prettier; keep type checking without blocking production builds.