Only display Flow for Workflow Runs and display Output tab for triggers (#11520)

> [!WARNING]
> I refactored a bunch of components into utility functions to make it
possible to display the `WorkflowStepHeader` component for **triggers**
in the `CommandMenuWorkflowRunViewStep` component. Previously, we were
asserting that we were displaying the header in `Output` and `Input`
tabs only for **actions**. Handling triggers too required a bunch of
changes. We can think of making a bigger refactor of this part.

In this PR:

- Only display the Flow for Workflow Runs; removed the Code Editor tab
- Allows users to see the Output of trigger nodes
- Prevent impossible states by manually setting the selected tab when
selecting a node

## Demo

### Success, Running and Not Executed steps


https://github.com/user-attachments/assets/c6bebd0f-5da2-4ccc-aef2-d9890eafa59a

### Failed step


https://github.com/user-attachments/assets/e1f4e13a-2f5e-4792-a089-928e4d6b1ac0

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

packages/twenty-front/src/modules/workflow/workflow-diagram/utils/getWorkflowDiagramTriggerNode.ts

@@ -19,25 +19,19 @@ export const getWorkflowDiagramTriggerNode = ({
   switch (trigger.type) {
     case 'MANUAL': {
       triggerDefaultLabel = 'Manual Trigger';
-      triggerIcon = getTriggerIcon({
-        type: 'MANUAL',
-      });
+      triggerIcon = getTriggerIcon(trigger);
 
       break;
     }
     case 'CRON': {
       triggerDefaultLabel = 'On a Schedule';
-      triggerIcon = getTriggerIcon({
-        type: 'CRON',
-      });
+      triggerIcon = getTriggerIcon(trigger);
 
       break;
     }
     case 'WEBHOOK': {
       triggerDefaultLabel = 'Webhook';
-      triggerIcon = getTriggerIcon({
-        type: 'WEBHOOK',
-      });
+      triggerIcon = getTriggerIcon(trigger);
 
       break;
     }
@@ -50,10 +44,7 @@ export const getWorkflowDiagramTriggerNode = ({
         DATABASE_TRIGGER_TYPES.find((item) => item.event === triggerEvent.event)
           ?.defaultLabel ?? '';
 
-      triggerIcon = getTriggerIcon({
-        type: 'DATABASE_EVENT',
-        eventName: triggerEvent.event,
-      });
+      triggerIcon = getTriggerIcon(trigger);
 
       break;
     }