Front components communication between host and remote (#17716)

Co-authored-by: Charles Bochet <charles@twenty.com>

packages/twenty-sdk/src/front-component/remote/components/FrontComponentWorkerEffect.tsx

@@ -1,43 +0,0 @@
-import { ThreadWebWorker, release, retain } from '@quilted/threads';
-import { RemoteReceiver } from '@remote-dom/core/receivers';
-import { useEffect } from 'react';
-import { type WorkerExports } from '../../types/WorkerExports';
-import { createRemoteWorker } from '../worker/createRemoteWorker';
-
-type FrontComponentWorkerEffectProps = {
-  componentUrl: string;
-  setReceiver: React.Dispatch<React.SetStateAction<RemoteReceiver | null>>;
-  onError: (error?: Error) => void;
-};
-
-export const FrontComponentWorkerEffect = ({
-  componentUrl,
-  setReceiver,
-  onError,
-}: FrontComponentWorkerEffectProps) => {
-  useEffect(() => {
-    const newReceiver = new RemoteReceiver({ retain, release });
-
-    const worker = createRemoteWorker();
-
-    worker.onerror = (event: ErrorEvent) => {
-      onError(event.error);
-    };
-
-    const thread = new ThreadWebWorker<WorkerExports>(worker);
-
-    thread.imports
-      .render(newReceiver.connection, { componentUrl })
-      .catch((error: Error) => {
-        onError(error);
-      });
-
-    setReceiver(newReceiver);
-
-    return () => {
-      worker.terminate();
-    };
-  }, [componentUrl, onError, setReceiver]);
-
-  return null;
-};