Activate/Deactivate workflow and Discard Draft (#7022)

## Setup

This PR can be tested only if some feature flags have specific values:

- `IsWorkflowEnabled` equals `true`
- `IsQueryRunnerTwentyORMEnabled` equals `false`

These feature flags weren't committed to don't break other branches.

## What this PR brings

- Display buttons to activate and deactivate a workflow version and a
button to discard the current draft version. I also scaffolded a "Test"
button, which doesn't do anything for now.
- Wired the activate, deactivate and discard draft buttons to the
backend.
- Made it possible to "edit" active and deactivated versions by
automatically creating a new draft version when the user tries to edit
the version.
- Hide the "Discard Draft", button if the current version is not a draft
or is the first version ever created.
- On the backend, don't consider discarded drafts when checking if a new
draft version can be created.
- On the backend, disallow deleting the first created workflow version.
Otherwise, we will end up with a blank canvas in the front end, and it
will be impossible to recover from it.
- On the backend, disallow running deactivation steps if the workflow
version is not currently active. Previously, we were throwing, which is
unnecessary as it's a valid case.

## Spotted bugs that we must dive into

### Duplicate workflow versions in Apollo cache


https://github.com/user-attachments/assets/7cfffd06-11e0-417a-8da0-f9a5f43b84e2

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

packages/twenty-front/src/pages/object-record/RecordShowPage.tsx

@@ -1,16 +1,16 @@
 import { useParams } from 'react-router-dom';
 
 import { TimelineActivityContext } from '@/activities/timelineActivities/contexts/TimelineActivityContext';
+import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
 import { RecordShowContainer } from '@/object-record/record-show/components/RecordShowContainer';
 import { useRecordShowPage } from '@/object-record/record-show/hooks/useRecordShowPage';
 import { RecordValueSetterEffect } from '@/object-record/record-store/components/RecordValueSetterEffect';
 import { RecordFieldValueSelectorContextProvider } from '@/object-record/record-store/contexts/RecordFieldValueSelectorContext';
 import { PageBody } from '@/ui/layout/page/PageBody';
 import { PageContainer } from '@/ui/layout/page/PageContainer';
-import { PageFavoriteButton } from '@/ui/layout/page/PageFavoriteButton';
-import { ShowPageAddButton } from '@/ui/layout/show-page/components/ShowPageAddButton';
-import { ShowPageMoreButton } from '@/ui/layout/show-page/components/ShowPageMoreButton';
 import { PageTitle } from '@/ui/utilities/page-title/PageTitle';
+import { RecordShowPageWorkflowHeader } from '@/workflow/components/RecordShowPageWorkflowHeader';
+import { RecordShowPageBaseHeader } from '~/pages/object-record/RecordShowPageBaseHeader';
 import { RecordShowPageHeader } from '~/pages/object-record/RecordShowPageHeader';
 
 export const RecordShowPage = () => {
@@ -46,22 +46,21 @@ export const RecordShowPage = () => {
           headerIcon={headerIcon}
         >
           <>
-            <PageFavoriteButton
-              isFavorite={isFavorite}
-              onClick={handleFavoriteButtonClick}
-            />
-            <ShowPageAddButton
-              key="add"
-              activityTargetObject={{
-                id: record?.id ?? '0',
-                targetObjectNameSingular: objectMetadataItem?.nameSingular,
-              }}
-            />
-            <ShowPageMoreButton
-              key="more"
-              recordId={record?.id ?? '0'}
-              objectNameSingular={objectNameSingular}
-            />
+            {objectNameSingular === CoreObjectNameSingular.Workflow ? (
+              <RecordShowPageWorkflowHeader
+                workflowId={parameters.objectRecordId}
+              />
+            ) : (
+              <RecordShowPageBaseHeader
+                {...{
+                  isFavorite,
+                  handleFavoriteButtonClick,
+                  record,
+                  objectMetadataItem,
+                  objectNameSingular,
+                }}
+              />
+            )}
           </>
         </RecordShowPageHeader>
         <PageBody>

packages/twenty-front/src/pages/object-record/RecordShowPageBaseHeader.tsx

@@ -0,0 +1,40 @@
+import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
+import { ObjectRecord } from '@/object-record/types/ObjectRecord';
+import { PageFavoriteButton } from '@/ui/layout/page/PageFavoriteButton';
+import { ShowPageAddButton } from '@/ui/layout/show-page/components/ShowPageAddButton';
+import { ShowPageMoreButton } from '@/ui/layout/show-page/components/ShowPageMoreButton';
+
+export const RecordShowPageBaseHeader = ({
+  isFavorite,
+  handleFavoriteButtonClick,
+  record,
+  objectMetadataItem,
+  objectNameSingular,
+}: {
+  isFavorite: boolean;
+  handleFavoriteButtonClick: () => void;
+  record: ObjectRecord | undefined;
+  objectMetadataItem: ObjectMetadataItem;
+  objectNameSingular: string;
+}) => {
+  return (
+    <>
+      <PageFavoriteButton
+        isFavorite={isFavorite}
+        onClick={handleFavoriteButtonClick}
+      />
+      <ShowPageAddButton
+        key="add"
+        activityTargetObject={{
+          id: record?.id ?? '0',
+          targetObjectNameSingular: objectMetadataItem.nameSingular,
+        }}
+      />
+      <ShowPageMoreButton
+        key="more"
+        recordId={record?.id ?? '0'}
+        objectNameSingular={objectNameSingular}
+      />
+    </>
+  );
+};