Display workflow visualizer on show page (#6894)

- Removed the route I previously used to visualize workflows
- Created another tab in the `<ShowPageRightContainer />` component in
which we display the visualizer

Questions:

- Should I use a feature flag to hide the feature?

Closes #6858

packages/twenty-front/src/pages/workflows/WorkflowShowPage.tsx

@@ -1,64 +0,0 @@
-import { PageBody } from '@/ui/layout/page/PageBody';
-import { PageContainer } from '@/ui/layout/page/PageContainer';
-import { PageTitle } from '@/ui/utilities/page-title/PageTitle';
-import { WorkflowDiagramCanvas } from '@/workflow/components/WorkflowDiagramCanvas';
-import { WorkflowShowPageEffect } from '@/workflow/components/WorkflowShowPageEffect';
-import { WorkflowShowPageHeader } from '@/workflow/components/WorkflowShowPageHeader';
-import { workflowDiagramState } from '@/workflow/states/workflowDiagramState';
-import styled from '@emotion/styled';
-import '@xyflow/react/dist/style.css';
-import { useParams } from 'react-router-dom';
-import { useRecoilValue } from 'recoil';
-import { IconSettingsAutomation } from 'twenty-ui';
-
-const StyledFlowContainer = styled.div`
-  height: 100%;
-  width: 100%;
-
-  /* Below we reset the default styling of Reactflow */
-  .react-flow__node-input,
-  .react-flow__node-default,
-  .react-flow__node-output,
-  .react-flow__node-group {
-    padding: 0;
-  }
-
-  --xy-node-border-radius: none;
-  --xy-node-border: none;
-  --xy-node-background-color: none;
-  --xy-node-boxshadow-hover: none;
-  --xy-node-boxshadow-selected: none;
-`;
-
-export const WorkflowShowPage = () => {
-  const parameters = useParams<{
-    workflowId: string;
-  }>();
-
-  const workflowName = 'Test Workflow';
-
-  const workflowDiagram = useRecoilValue(workflowDiagramState);
-
-  if (parameters.workflowId === undefined) {
-    return null;
-  }
-
-  return (
-    <PageContainer>
-      <WorkflowShowPageEffect workflowId={parameters.workflowId} />
-
-      <PageTitle title={workflowName} />
-      <WorkflowShowPageHeader
-        workflowName={workflowName}
-        headerIcon={IconSettingsAutomation}
-      />
-      <PageBody>
-        <StyledFlowContainer>
-          {workflowDiagram === undefined ? null : (
-            <WorkflowDiagramCanvas diagram={workflowDiagram} />
-          )}
-        </StyledFlowContainer>
-      </PageBody>
-    </PageContainer>
-  );
-};