8723 workflow add editor in serverless function code step (#8805)

- create a serverless function when creating a new workflow code step
- add code editor in workflow code step
- move workflowVersion steps management from frontend to backend
  - add a custom resolver for workflow-version management
  - fix optimistic rendering on frontend
- fix css
- delete serverless function when deleting workflow code step

TODO
- Don't update serverlessFunction if no code change
- Factorize what can be between crud trigger and crud step
- Publish serverless version when activating workflow
- delete serverless functions when deleting workflow or workflowVersion
- fix optimistic rendering for code updates
- Unify CRUD types

<img width="1279" alt="image"
src="https://github.com/user-attachments/assets/3d97ee9f-4b96-4abc-9d36-5c0280058be4">

packages/twenty-front/src/loading/components/RightDrawerSkeletonLoader.tsx

@@ -0,0 +1,31 @@
+import styled from '@emotion/styled';
+import { BACKGROUND_LIGHT, GRAY_SCALE } from 'twenty-ui';
+import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLoader';
+import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
+
+const StyledRightDrawerContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  padding: ${({ theme }) => theme.spacing(4)};
+`;
+
+const StyledSkeletonLoader = () => {
+  return (
+    <SkeletonTheme
+      baseColor={GRAY_SCALE.gray15}
+      highlightColor={BACKGROUND_LIGHT.transparent.lighter}
+      borderRadius={4}
+    >
+      <Skeleton height={SKELETON_LOADER_HEIGHT_SIZES.standard.m} width={140} />
+    </SkeletonTheme>
+  );
+};
+
+export const RightDrawerSkeletonLoader = () => {
+  return (
+    <StyledRightDrawerContainer>
+      <StyledSkeletonLoader />
+    </StyledRightDrawerContainer>
+  );
+};