New behavior for editable fields (#1300)

* New behavior for editable fields

* fix

* fix

* fix coverage

* Add tests on NotFound

* fix

* fix

---------

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

front/src/pages/settings/SettingsWorkspace.tsx

@@ -16,7 +16,7 @@ const StyledContainer = styled.div`
   width: 350px;
 `;
 
-export function SettingsWorksapce() {
+export function SettingsWorkspace() {
   return (
     <SubMenuTopBarContainer icon={<IconSettings size={16} />} title="Settings">
       <div>

front/src/pages/settings/__stories__/SettingsExperience.stories.tsx

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import {
+  PageDecorator,
+  type PageDecoratorArgs,
+} from '~/testing/decorators/PageDecorator';
+import { graphqlMocks } from '~/testing/graphqlMocks';
+
+import { SettingsExperience } from '../SettingsExperience';
+
+const meta: Meta<PageDecoratorArgs> = {
+  title: 'Pages/Settings/SettingsExperience',
+  component: SettingsExperience,
+  decorators: [PageDecorator],
+  args: { routePath: '/settings/experience' },
+  parameters: {
+    docs: { story: 'inline', iframeHeight: '500px' },
+    msw: graphqlMocks,
+  },
+};
+
+export default meta;
+
+export type Story = StoryObj<typeof SettingsExperience>;
+
+export const Default: Story = {};

front/src/pages/settings/__stories__/SettingsWorkspace.stories.tsx

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import {
+  PageDecorator,
+  type PageDecoratorArgs,
+} from '~/testing/decorators/PageDecorator';
+import { graphqlMocks } from '~/testing/graphqlMocks';
+
+import { SettingsWorkspace } from '../SettingsWorkspace';
+
+const meta: Meta<PageDecoratorArgs> = {
+  title: 'Pages/Settings/SettingsWorkspace',
+  component: SettingsWorkspace,
+  decorators: [PageDecorator],
+  args: { routePath: '/settings/workspace' },
+  parameters: {
+    docs: { story: 'inline', iframeHeight: '500px' },
+    msw: graphqlMocks,
+  },
+};
+
+export default meta;
+
+export type Story = StoryObj<typeof SettingsWorkspace>;
+
+export const Default: Story = {};