Replace UI components to fix critical production errors

Refactor `BLReconciliation.tsx` and multiple Shadcn/ui components by replacing them with custom, robust alternatives to resolve React #310 errors in production.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: b163d4c0-de5e-4f4e-a9c0-aed4c7049718
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/b163d4c0-de5e-4f4e-a9c0-aed4c7049718/rmaxwaw

fix-shadcn-react-imports.js

@@ -0,0 +1,75 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+
+// Script pour corriger automatiquement tous les imports React dans shadcn/ui
+const uiComponentsDir = path.join(__dirname, 'client/src/components/ui');
+
+function fixReactImports(filePath) {
+  let content = fs.readFileSync(filePath, 'utf8');
+  let modified = false;
+
+  // Remplacer les imports React namespace
+  if (content.includes('import * as React from "react"')) {
+    // Analyser quels hooks React sont utilisés
+    const reactHooks = [];
+    if (content.includes('React.useState')) reactHooks.push('useState');
+    if (content.includes('React.useEffect')) reactHooks.push('useEffect');
+    if (content.includes('React.useContext')) reactHooks.push('useContext');
+    if (content.includes('React.useCallback')) reactHooks.push('useCallback');
+    if (content.includes('React.useMemo')) reactHooks.push('useMemo');
+    if (content.includes('React.useRef')) reactHooks.push('useRef');
+    if (content.includes('React.useId')) reactHooks.push('useId');
+    if (content.includes('React.forwardRef')) reactHooks.push('forwardRef');
+    if (content.includes('React.createContext')) reactHooks.push('createContext');
+
+    // Créer le nouvel import
+    const uniqueHooks = [...new Set(reactHooks)];
+    const newImport = uniqueHooks.length > 0 
+      ? `import React, { ${uniqueHooks.join(', ')} } from "react"`
+      : `import React from "react"`;
+
+    content = content.replace('import * as React from "react"', newImport);
+
+    // Remplacer les usages React.hook par hook direct
+    uniqueHooks.forEach(hook => {
+      const regex = new RegExp(`React\\.${hook}`, 'g');
+      content = content.replace(regex, hook);
+    });
+
+    modified = true;
+  }
+
+  if (modified) {
+    fs.writeFileSync(filePath, content);
+    console.log(`✓ Fixed: ${path.relative(__dirname, filePath)}`);
+    return true;
+  }
+
+  return false;
+}
+
+function processDirectory(dirPath) {
+  const items = fs.readdirSync(dirPath);
+  let totalFixed = 0;
+
+  for (const item of items) {
+    const itemPath = path.join(dirPath, item);
+    const stat = fs.statSync(itemPath);
+
+    if (stat.isDirectory()) {
+      totalFixed += processDirectory(itemPath);
+    } else if (item.endsWith('.tsx') || item.endsWith('.ts')) {
+      if (fixReactImports(itemPath)) {
+        totalFixed++;
+      }
+    }
+  }
+
+  return totalFixed;
+}
+
+console.log('🔧 Fixing React imports in shadcn/ui components...');
+const fixed = processDirectory(uiComponentsDir);
+console.log(`✅ Fixed ${fixed} files`);