Allow nodes connection to loop edge (#14661)

## Before


https://github.com/user-attachments/assets/4cfb01cb-559a-4cfa-89d6-ee991a5e2550

## After


https://github.com/user-attachments/assets/236e81b0-4f1f-44c5-8714-aa6f1c9358e1

Closes https://github.com/twentyhq/core-team-issues/issues/1521

packages/twenty-front/src/modules/workflow/workflow-steps/hooks/useCreateEdge.ts

@@ -1,8 +1,16 @@
 import { useGetUpdatableWorkflowVersionOrThrow } from '@/workflow/hooks/useGetUpdatableWorkflowVersionOrThrow';
 import { type WorkflowDiagramEdgeDescriptor } from '@/workflow/workflow-diagram/workflow-edges/types/WorkflowDiagramEdgeDescriptor';
+import { type WorkflowStepConnectionOptions } from '@/workflow/workflow-diagram/workflow-iterator/types/WorkflowStepConnectionOptions';
 import { useCreateWorkflowVersionEdge } from '@/workflow/workflow-steps/hooks/useCreateWorkflowVersionEdge';
 import { useState } from 'react';
 
+type CreateEdgeParams = Pick<
+  WorkflowDiagramEdgeDescriptor,
+  'source' | 'target'
+> & {
+  connectionOptions?: WorkflowStepConnectionOptions;
+};
+
 export const useCreateEdge = () => {
   const [isLoading, setIsLoading] = useState(false);
 
@@ -14,7 +22,8 @@ export const useCreateEdge = () => {
   const createEdge = async ({
     source,
     target,
-  }: WorkflowDiagramEdgeDescriptor) => {
+    connectionOptions,
+  }: CreateEdgeParams) => {
     if (isLoading) {
       return;
     }
@@ -29,6 +38,7 @@ export const useCreateEdge = () => {
           workflowVersionId,
           source,
           target,
+          sourceConnectionOptions: connectionOptions,
         })
       )?.data?.createWorkflowVersionEdge;