8726 workflow add a test button in workflow code step (#9016)

- add test button to workflow code step
- add test tab to workflow code step


https://github.com/user-attachments/assets/e180a827-7321-49a2-8026-88490c557da2



![image](https://github.com/user-attachments/assets/cacbd756-de3f-4141-a84c-8e1853f6556b)

![image](https://github.com/user-attachments/assets/ee170d81-8a22-4178-bd6d-11a0e8c73365)

packages/twenty-front/src/modules/serverless-functions/hooks/useTestServerlessFunction.ts

@@ -0,0 +1,51 @@
+import { useExecuteOneServerlessFunction } from '@/settings/serverless-functions/hooks/useExecuteOneServerlessFunction';
+import { useRecoilState } from 'recoil';
+import { serverlessFunctionTestDataFamilyState } from '@/workflow/states/serverlessFunctionTestDataFamilyState';
+import { isDefined } from 'twenty-ui';
+
+export const useTestServerlessFunction = (
+  serverlessFunctionId: string,
+  callback?: (testResult: object) => void,
+) => {
+  const { executeOneServerlessFunction } = useExecuteOneServerlessFunction();
+  const [serverlessFunctionTestData, setServerlessFunctionTestData] =
+    useRecoilState(serverlessFunctionTestDataFamilyState(serverlessFunctionId));
+
+  const testServerlessFunction = async () => {
+    const result = await executeOneServerlessFunction({
+      id: serverlessFunctionId,
+      payload: serverlessFunctionTestData.input,
+      version: 'draft',
+    });
+
+    if (isDefined(result?.data?.executeOneServerlessFunction?.data)) {
+      callback?.(result?.data?.executeOneServerlessFunction?.data);
+    }
+
+    setServerlessFunctionTestData((prev) => ({
+      ...prev,
+      language: 'json',
+      height: 300,
+      output: {
+        data: result?.data?.executeOneServerlessFunction?.data
+          ? JSON.stringify(
+              result?.data?.executeOneServerlessFunction?.data,
+              null,
+              4,
+            )
+          : undefined,
+        duration: result?.data?.executeOneServerlessFunction?.duration,
+        status: result?.data?.executeOneServerlessFunction?.status,
+        error: result?.data?.executeOneServerlessFunction?.error
+          ? JSON.stringify(
+              result?.data?.executeOneServerlessFunction?.error,
+              null,
+              4,
+            )
+          : undefined,
+      },
+    }));
+  };
+
+  return { testServerlessFunction };
+};