fix: resolve React forwardRef error in production builds by using classic JSX runtime

Root Cause:
- @iconify/react internally uses React.forwardRef
- Vite's automatic JSX runtime caused React to be tree-shaken in production
- This resulted in 'Cannot read properties of undefined (reading forwardRef)' error

Solution:
1. Configure @vitejs/plugin-react to use classic JSX runtime in vite.config.ts
2. Update buildIcons.js to add 'import * as React' in generated icons.tsx
3. Fix server start script to use bun --env-file directly
4. Add production server start script with public folder copy

Changes:
- app/vite.config.ts: Added jsxRuntime: 'classic' to React plugin config
- app/src/components/Common/Iconify/buildIcons.js: Added React import to template
- app/src/components/Common/Iconify/icons.tsx: Regenerated with React import
- server/package.json: Fixed start script to use bun --env-file
- package.json: Added start:server:production script with ncp copy
- .gitignore: Added server/public to ignore list

Author: blinko-space

.gitignore

@@ -31,4 +31,5 @@ dev-dist
 .claudeconfig
 .claude/*
 .claude/settings.local.json
-target
+target
+server/public

app/src/components/Common/Iconify/buildIcons.js

@@ -119,6 +119,7 @@ async function extractIcons() {
   const iconsByCollection = scanProjectIcons();
 
   let output = `// This file is auto-generated by buildIcons.js
+import * as React from 'react';
 import { iconToSVG } from '@iconify/utils';
 // Import Iconify Icon as fallback
 import { Icon as IconifyIcon } from "@iconify/react";

app/src/components/Common/Iconify/icons.tsx

@@ -1,4 +1,5 @@
 // This file is auto-generated by buildIcons.js
+import * as React from 'react';
 import { iconToSVG } from '@iconify/utils';
 // Import Iconify Icon as fallback
 import { Icon as IconifyIcon } from "@iconify/react";

app/vite.config.ts

@@ -9,9 +9,6 @@ const EXPRESS_PORT = 1111;
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  esbuild: {
-    keepNames: true,
-  },
   plugins: [
     react(), 
     tailwindcss(),
@@ -98,8 +95,6 @@ export default defineConfig({
     outDir: "../dist/public",
     emptyOutDir: true,
     chunkSizeWarningLimit: 2000,
-    minify: 'esbuild',
-    target: 'es2020',
     rollupOptions: {
       output: {
         manualChunks: (id) => {
@@ -122,12 +117,6 @@ export default defineConfig({
               id.includes('node_modules/date-fns')) {
             return 'utils';
           }
-          
-          // Keep iconify separate to avoid minification issues
-          if (id.includes('node_modules/@iconify') || 
-              id.includes('/Iconify/icons.tsx')) {
-            return 'iconify';
-          }
         }
       }
     }

package.json

@@ -12,7 +12,7 @@
     "dev": "cd app && bun run tauri dev",
     "build:web": "turbo run build:web",
     "test": "turbo run test",
-    "start": "cd server && bun run start",
+    "start:server:production": "ncp dist/public server/public && cd server && bun run start",
     "clean": "turbo run clean && rm -rf node_modules",
     "dev:backend": "dotenv turbo run dev --filter=@blinko/backend",
     "dev:frontend": "dotenv turbo run dev --filter=@blinko/frontend",

server/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "bun --env-file ../.env --watch index.ts",
     "build:web": "bun esbuild.config.ts",
-    "start": "NODE_ENV=production dotenv -e ../.env -- bun --env ../dist/index.js"
+    "start": "cross-env NODE_ENV=production bun --env-file ../.env ../dist/index.js"
   },
   "dependencies": {
     "@ai-sdk/anthropic": "^1.2.10",