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/settings/serverless-functions/hooks/useServerlessFunctionUpdateFormState.ts

@@ -2,6 +2,10 @@ import { useGetOneServerlessFunction } from '@/settings/serverless-functions/hoo
 import { useGetOneServerlessFunctionSourceCode } from '@/settings/serverless-functions/hooks/useGetOneServerlessFunctionSourceCode';
 import { Dispatch, SetStateAction, useState } from 'react';
 import { FindOneServerlessFunctionSourceCodeQuery } from '~/generated-metadata/graphql';
+import { serverlessFunctionTestDataFamilyState } from '@/workflow/states/serverlessFunctionTestDataFamilyState';
+import { useSetRecoilState } from 'recoil';
+import { getFunctionInputFromSourceCode } from '@/serverless-functions/utils/getFunctionInputFromSourceCode';
+import { INDEX_FILE_PATH } from '@/serverless-functions/constants/IndexFilePath';
 
 export type ServerlessFunctionNewFormValues = {
   name: string;
@@ -29,6 +33,10 @@ export const useServerlessFunctionUpdateFormState = (
     code: undefined,
   });
 
+  const setServerlessFunctionTestData = useSetRecoilState(
+    serverlessFunctionTestDataFamilyState(serverlessFunctionId),
+  );
+
   const { serverlessFunction } = useGetOneServerlessFunction({
     id: serverlessFunctionId,
   });
@@ -46,6 +54,12 @@ export const useServerlessFunctionUpdateFormState = (
         ...prevState,
         ...newState,
       }));
+      const sourceCode =
+        data?.getServerlessFunctionSourceCode?.[INDEX_FILE_PATH];
+      setServerlessFunctionTestData((prev) => ({
+        ...prev,
+        input: getFunctionInputFromSourceCode(sourceCode),
+      }));
     },
   });