Implement comprehensive React 19 compatibility fix for Storybook test runner

Co-authored-by: alichherawalla <[email protected]>

Author: Copilot

.storybook/preview.js

@@ -1,19 +1,50 @@
-import React from 'react';
 import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import enMessages from '../app/translations/en.json';
 
-// React 19 compatibility shim for unmountComponentAtNode
+// React 19 compatibility: Patch missing ReactDOM methods
 if (!ReactDOM.unmountComponentAtNode) {
-  ReactDOM.unmountComponentAtNode = (container) => {
-    if (container._reactRootContainer) {
+  ReactDOM.unmountComponentAtNode = function(container) {
+    if (container && container._reactInternalInstance) {
+      // For older React versions compatibility
+      container._reactInternalInstance.unmount();
+      delete container._reactInternalInstance;
+      return true;
+    }
+    
+    if (container && container._reactRootContainer) {
       container._reactRootContainer.unmount();
       delete container._reactRootContainer;
       return true;
     }
+    
+    // Fallback: clean the container
+    if (container) {
+      while (container.firstChild) {
+        container.removeChild(container.firstChild);
+      }
+      return true;
+    }
+    
     return false;
   };
 }
 
+if (!ReactDOM.render) {
+  ReactDOM.render = function(element, container, callback) {
+    let root = container._reactRootContainer;
+    if (!root) {
+      root = container._reactRootContainer = createRoot(container);
+    }
+    
+    root.render(element);
+    
+    if (callback) {
+      setTimeout(callback, 0);
+    }
+  };
+}
+
 export const parameters = {
   actions: { argTypesRegex: '^on[A-Z].*' },
   controls: {