Create workflow version show page (#7466)

In this PR:

- Refactored components to clarify their behavior. For example, I
renamed the `Workflow` component to `WorkflowVisualizer`. This moved
forward the issue #7010.
- Create two variants of several workflow-related components: one
version for editing and another for viewing. For instance, there is
`WorkflowDiagramCanvasEditable.tsx` and
`WorkflowDiagramCanvasReadonly.tsx`
- Implement the show page for workflow versions. On this page, we
display a readonly workflow visualizer. Users can click on nodes and it
will expand the right drawer.
- I added buttons in the header of the RecordShowPage for workflow
versions: users can activate, deactivate or use the currently viewed
version as the next draft.

**There are many cache desynchronisation and I'll fix them really
soon.**

## Demo

(Turn sound on)


https://github.com/user-attachments/assets/97fafa48-8902-4dab-8b39-f40848bf041e

packages/twenty-front/src/modules/workflow/hooks/useCreateNewWorkflowVersion.tsx

@@ -2,11 +2,7 @@ import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSi
 import { useCreateOneRecord } from '@/object-record/hooks/useCreateOneRecord';
 import { WorkflowVersion } from '@/workflow/types/Workflow';
 
-export const useCreateNewWorkflowVersion = ({
-  workflowId,
-}: {
-  workflowId: string;
-}) => {
+export const useCreateNewWorkflowVersion = () => {
   const { createOneRecord: createOneWorkflowVersion } =
     useCreateOneRecord<WorkflowVersion>({
       objectNameSingular: CoreObjectNameSingular.WorkflowVersion,
@@ -15,13 +11,10 @@ export const useCreateNewWorkflowVersion = ({
   const createNewWorkflowVersion = (
     workflowVersionData: Pick<
       WorkflowVersion,
-      'name' | 'status' | 'trigger' | 'steps'
+      'workflowId' | 'name' | 'status' | 'trigger' | 'steps'
     >,
   ) => {
-    return createOneWorkflowVersion({
-      workflowId,
-      ...workflowVersionData,
-    });
+    return createOneWorkflowVersion(workflowVersionData);
   };
 
   return {