feat(profiling): add react-scan via direct import for dev-only profiling

src/index.tsx

@@ -1,4 +1,5 @@
 import './polyfills.js';
+import './lib/react-scan';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './app';

src/lib/react-scan.ts

@@ -0,0 +1,10 @@
+if (import.meta.env.DEV) {
+  const { scan, getReport } = await import('react-scan');
+  scan({
+    enabled: true,
+    showToolbar: !(window as any).__PROFILING__,
+    playSound: !(window as any).__PROFILING__,
+    report: true,
+  });
+  (window as any).__getReactScanReport = getReport;
+}

vite.config.js

@@ -3,10 +3,6 @@ import react from '@vitejs/plugin-react';
 import { resolve } from 'path';
 import { nodePolyfills } from 'vite-plugin-node-polyfills';
 import { VitePWA } from 'vite-plugin-pwa';
-import reactScan from '@react-scan/vite-plugin-react-scan';
-
-const isProduction = process.env.NODE_ENV === 'production';
-const isDevelopment = process.env.NODE_ENV === 'development';
 
 export default defineConfig({
   plugins: [
@@ -22,12 +18,6 @@ export default defineConfig({
         ],
       },
     }),
-    // Only include React Scan in development mode - never in production builds
-    (isDevelopment || (!isProduction && process.env.NODE_ENV !== 'production')) &&
-      reactScan({
-        showToolbar: true,
-        playSound: true,
-      }),
     nodePolyfills({
       globals: {
         Buffer: true,