Improve the design of workflow nodes (#9810)

- Go over every node in the workflows and fix the styles to conform to
Figma
- Create stories for every node type

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

@@ -0,0 +1 @@
+export const NODE_BORDER_WIDTH = 1;

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

@@ -0,0 +1,3 @@
+import { NODE_HANDLE_WIDTH_PX } from './NodeHandleWidthPx';
+
+export const NODE_HANDLE_HEIGHT_PX = NODE_HANDLE_WIDTH_PX;

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

@@ -0,0 +1 @@
+export const NODE_HANDLE_WIDTH_PX = 4;

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

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

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

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