Improve the layout of the Workflow Visualizer (#8372)

- Increase the dimensions of the ReactFlow nodes. This allows to ditch
scaling which made it hard to get the width of the nodes as they were
visually scaled by 1.3.
- Center the flow when the flow mounts and when the state of the right
drawer opens.
- Put the node type inside of the node so it doesn't overlap with the
arrow
- Make the edges non deletable

We'll have to make a refactor so the viewport can be animated properly:
https://github.com/twentyhq/twenty/issues/8387.


https://github.com/user-attachments/assets/69494a32-5403-4898-be75-7fc38058e263

---------

Co-authored-by: Félix Malfait <felix@twenty.com>

packages/twenty-front/src/modules/workflow/utils/addCreateStepNodes.ts

@@ -36,6 +36,7 @@ export const addCreateStepNodes = ({ nodes, edges }: WorkflowDiagram) => {
       markerEnd: {
         type: MarkerType.ArrowClosed,
       },
+      deletable: false,
     });
   }
 

packages/twenty-front/src/modules/workflow/utils/generateWorkflowDiagram.ts

@@ -51,6 +51,7 @@ export const generateWorkflowDiagram = ({
       markerEnd: {
         type: MarkerType.ArrowClosed,
       },
+      deletable: false,
     });
 
     return nodeId;