[FRONT COMPONENTS] Navigate from the remote (#17762)

## PR Description

This PR:
- Introduces a `FrontComponentHostCommunicationApi`, which allows us to
pass functions to be executed from the worker
- Exposes a navigate function from the host to the front component
remote workers, enabling SDK components to trigger in-app navigation
- Gets rid of `useSyncExternalStore` and makes the execution context
reactive without it
- Refactors and improves the `esbuild` plugin system

## Video


https://github.com/user-attachments/assets/7b26a1c2-f85f-4898-a71d-f60c70e61711

packages/twenty-front/src/modules/front-components/hooks/useFrontComponentExecutionContext.ts

@@ -0,0 +1,45 @@
+import { useRecoilValue } from 'recoil';
+import {
+  type FrontComponentExecutionContext,
+  type FrontComponentHostCommunicationApi,
+} from 'twenty-sdk/front-component';
+import { type AppPath } from 'twenty-shared/types';
+
+import { currentUserState } from '@/auth/states/currentUserState';
+import { useNavigateApp } from '~/hooks/useNavigateApp';
+
+export const useFrontComponentExecutionContext = (): {
+  executionContext: FrontComponentExecutionContext;
+  frontComponentHostCommunicationApi: FrontComponentHostCommunicationApi;
+} => {
+  const currentUser = useRecoilValue(currentUserState);
+  const navigateApp = useNavigateApp();
+
+  const navigate: FrontComponentHostCommunicationApi['navigate'] = async (
+    to,
+    params,
+    queryParams,
+    options,
+  ) => {
+    navigateApp(
+      to as AppPath,
+      params as Parameters<typeof navigateApp>[1],
+      queryParams,
+      options,
+    );
+  };
+
+  const executionContext: FrontComponentExecutionContext = {
+    userId: currentUser?.id ?? null,
+  };
+
+  const frontComponentHostCommunicationApi: FrontComponentHostCommunicationApi =
+    {
+      navigate,
+    };
+
+  return {
+    executionContext,
+    frontComponentHostCommunicationApi,
+  };
+};