Fix edge x position (#12410)

## Before
<img width="1512" alt="image"
src="https://github.com/user-attachments/assets/59014e1f-8cf1-4a38-8cf7-675104fc8f3d"
/>

## After
<img width="1512" alt="image"
src="https://github.com/user-attachments/assets/93da4dbb-d0ed-417c-86f7-970a4e9858a4"
/>

packages/twenty-front/src/modules/workflow/workflow-diagram/constants/CreateStepNodeWidth.ts

@@ -0,0 +1,8 @@
+import { NODE_BORDER_WIDTH } from '@/workflow/workflow-diagram/constants/NodeBorderWidth';
+
+const STEP_ICON_WIDTH = 24;
+
+const STEP_PADDING = 8;
+
+export const CREATE_STEP_NODE_WIDTH =
+  STEP_ICON_WIDTH + STEP_PADDING + NODE_BORDER_WIDTH;

packages/twenty-front/src/modules/workflow/workflow-diagram/constants/NodeIconLeftMargin.ts

@@ -1,4 +0,0 @@
-import { THEME_COMMON } from 'twenty-ui/theme';
-export const NODE_ICON_LEFT_MARGIN = Number(
-  THEME_COMMON.spacing(2).replace('px', ''),
-);

packages/twenty-front/src/modules/workflow/workflow-diagram/constants/NodeIconWidth.ts

@@ -1,4 +0,0 @@
-import { THEME_COMMON } from 'twenty-ui/theme';
-export const NODE_ICON_WIDTH = Number(
-  THEME_COMMON.spacing(6).replace('px', ''),
-);