Fix ParticipantChip and stories imports (#4974)

- Fix ParticipantChip
- Fix stories imports after some component have been moved to twenty UI

packages/twenty-docs/docs/contributor/frontend/best-practices.mdx

@@ -300,7 +300,7 @@ import {
 ```tsx
 // ✅ Good, utilises the designated aliases
 import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';=
+import { ComponentDecorator } from 'twenty-ui';=
 ```
 
 ## Schema Validation

packages/twenty-front/src/modules/activities/calendar/components/__stories__/Calendar.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { Calendar } from '@/activities/calendar/components/Calendar';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
 import { graphqlMocks } from '~/testing/graphqlMocks';
 

packages/twenty-front/src/modules/activities/comment/__stories__/Comment.stories.tsx

@@ -1,9 +1,9 @@
 import { useEffect } from 'react';
 import { Meta, StoryObj } from '@storybook/react';
 import { useSetRecoilState } from 'recoil';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { viewableActivityIdState } from '@/activities/states/viewableActivityIdState';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { ActivityActionBar } from '../../right-drawer/components/ActivityActionBar';
 import { Comment } from '../Comment';

packages/twenty-front/src/modules/activities/components/ParticipantChip.tsx

@@ -24,9 +24,13 @@ const StyledContainer = styled.div`
   display: flex;
 `;
 
-const StyledRecordChip = styled(RecordChip)<{ variant: 'default' | 'bold' }>`
+const StyledRecordChip = styled(RecordChip)<{
-  font-weight: ${({ theme, variant }) =>
+  participantChipVariant: 'default' | 'bold';
-    variant === 'bold' ? theme.font.weight.medium : theme.font.weight.regular};
+}>`
+  font-weight: ${({ theme, participantChipVariant }) =>
+    participantChipVariant === 'bold'
+      ? theme.font.weight.medium
+      : theme.font.weight.regular};
 `;
 
 const StyledChip = styled.div`
@@ -63,7 +67,7 @@ export const ParticipantChip = ({
         <StyledRecordChip
           objectNameSingular={CoreObjectNameSingular.Person}
           record={person}
-          variant={variant}
+          participantChipVariant={variant}
         />
       ) : (
         <StyledChip>

packages/twenty-front/src/modules/activities/table/components/__stories__/CommentChip.stories.tsx

@@ -1,7 +1,6 @@
 import styled from '@emotion/styled';
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { CommentChip } from '../CommentChip';
 

packages/twenty-front/src/modules/activities/tasks/__stories__/TaskList.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { TaskList } from '@/activities/tasks/components/TaskList';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
 import { graphqlMocks } from '~/testing/graphqlMocks';

packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/__stories__/ChipFieldDisplay.stories.tsx

@@ -1,12 +1,12 @@
 import { useEffect } from 'react';
 import { Meta, StoryObj } from '@storybook/react';
 import { useSetRecoilState } from 'recoil';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { FieldContext } from '@/object-record/record-field/contexts/FieldContext';
 import { ChipFieldDisplay } from '@/object-record/record-field/meta-types/display/components/ChipFieldDisplay';
 import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState';
 import { FieldMetadataType } from '~/generated/graphql';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
 
 const ChipFieldValueSetterEffect = () => {

packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/__stories__/DateTimeFieldDisplay.stories.tsx

@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { FieldMetadataType } from '~/generated/graphql';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { FieldContext } from '../../../../contexts/FieldContext';
 import { useDateTimeField } from '../../../hooks/useDateTimeField';

packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/__stories__/EmailFieldDisplay.stories.tsx

@@ -1,10 +1,10 @@
 import { useEffect } from 'react';
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { FieldContext } from '@/object-record/record-field/contexts/FieldContext';
 import { useEmailField } from '@/object-record/record-field/meta-types/hooks/useEmailField';
 import { FieldMetadataType } from '~/generated/graphql';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
 
 import { EmailFieldDisplay } from '../EmailFieldDisplay';

packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/__stories__/NumberFieldDisplay.stories.tsx

@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { FieldMetadataType } from '~/generated/graphql';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { FieldContext } from '../../../../contexts/FieldContext';
 import { useNumberField } from '../../../hooks/useNumberField';

packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/__stories__/PhoneFieldDisplay.stories.tsx

@@ -1,10 +1,10 @@
 import { useEffect } from 'react';
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { FieldContext } from '@/object-record/record-field/contexts/FieldContext';
 import { usePhoneField } from '@/object-record/record-field/meta-types/hooks/usePhoneField';
 import { FieldMetadataType } from '~/generated/graphql';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
 
 import { PhoneFieldDisplay } from '../PhoneFieldDisplay';

packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/__stories__/TextFieldDisplay.stories.tsx

@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { FieldMetadataType } from '~/generated/graphql';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { FieldContext } from '../../../../contexts/FieldContext';
 import { useTextField } from '../../../hooks/useTextField';

packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/__stories__/RecordDetailDuplicatesSection.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
 import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator';
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';

packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/__stories__/RecordDetailRelationSection.stories.tsx

@@ -1,9 +1,9 @@
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { formatFieldMetadataItemAsFieldDefinition } from '@/object-metadata/utils/formatFieldMetadataItemAsFieldDefinition';
 import { mockedCompanyObjectMetadataItem } from '@/object-record/record-field/__mocks__/fieldDefinitions';
 import { FieldContext } from '@/object-record/record-field/contexts/FieldContext';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
 import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator';
 import { RecordStoreDecorator } from '~/testing/decorators/RecordStoreDecorator';

packages/twenty-front/src/modules/object-record/relation-picker/components/__stories__/SingleEntitySelect.stories.tsx

@@ -1,9 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { expect, userEvent, within } from '@storybook/test';
-import { IconUserCircle } from 'twenty-ui';
+import { ComponentDecorator, IconUserCircle } from 'twenty-ui';
 
 import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { ComponentWithRecoilScopeDecorator } from '~/testing/decorators/ComponentWithRecoilScopeDecorator';
 import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator';
 import { RelationPickerDecorator } from '~/testing/decorators/RelationPickerDecorator';

packages/twenty-front/src/modules/settings/accounts/components/__stories__/SettingsAccountsEmailsBlocklistInput.stories.tsx

@@ -1,8 +1,8 @@
 import { Decorator, Meta, StoryObj } from '@storybook/react';
 import { expect, fn, userEvent, within } from '@storybook/test';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { SettingsAccountsEmailsBlocklistInput } from '@/settings/accounts/components/SettingsAccountsEmailsBlocklistInput';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 const updateBlockedEmailListJestFn = fn();
 

packages/twenty-front/src/modules/settings/accounts/components/__stories__/SettingsAccountsEmailsBlocklistSection.stories.tsx

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { SettingsAccountsEmailsBlocklistInput } from '@/settings/accounts/components/SettingsAccountsEmailsBlocklistInput';
 import { SettingsAccountsEmailsBlocklistSection } from '@/settings/accounts/components/SettingsAccountsEmailsBlocklistSection';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 const meta: Meta<typeof SettingsAccountsEmailsBlocklistSection> = {
   title:

packages/twenty-front/src/modules/settings/accounts/components/__stories__/SettingsAccountsEmailsBlocklistTable.stories.tsx

@@ -1,9 +1,9 @@
 import { Decorator, Meta, StoryObj } from '@storybook/react';
 import { expect, fn, userEvent, within } from '@storybook/test';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { mockedBlocklist } from '@/settings/accounts/components/__stories__/mockedBlocklist';
 import { SettingsAccountsEmailsBlocklistTable } from '@/settings/accounts/components/SettingsAccountsEmailsBlocklistTable';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { formatToHumanReadableDate } from '~/utils';
 
 const handleBlockedEmailRemoveJestFn = fn();

packages/twenty-front/src/modules/settings/accounts/components/__stories__/SettingsAccountsEmailsBlocklistTableRow.stories.tsx

@@ -1,9 +1,9 @@
 import { Decorator, Meta, StoryObj } from '@storybook/react';
 import { expect, fn, userEvent, within } from '@storybook/test';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { mockedBlocklist } from '@/settings/accounts/components/__stories__/mockedBlocklist';
 import { SettingsAccountsEmailsBlocklistTableRow } from '@/settings/accounts/components/SettingsAccountsEmailsBlocklistTableRow';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { formatToHumanReadableDate } from '~/utils';
 
 const onRemoveJestFn = fn();

packages/twenty-front/src/modules/settings/data-model/components/__stories__/SettingsObjectFieldFormSection.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { SettingsObjectFieldFormSection } from '../SettingsObjectFieldFormSection';
 

packages/twenty-front/src/modules/settings/data-model/fields/forms/components/__stories__/SettingsDataModelFieldSettingsFormCard.stories.tsx

@@ -1,5 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+import { ComponentDecorator } from 'twenty-ui';
 
 import {
   mockedCompanyObjectMetadataItem,
@@ -10,7 +11,6 @@ import {
   FieldMetadataType,
   RelationMetadataType,
 } from '~/generated-metadata/graphql';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
 import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator';
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';

packages/twenty-front/src/modules/settings/data-model/fields/forms/components/__stories__/SettingsDataModelFieldTypeSelect.stories.tsx

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { expect, fn, userEvent, within } from '@storybook/test';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { FieldMetadataType } from '~/generated-metadata/graphql';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { graphqlMocks } from '~/testing/graphqlMocks';
 
 import { SettingsDataModelFieldTypeSelect } from '../SettingsDataModelFieldTypeSelect';

packages/twenty-front/src/modules/settings/data-model/fields/preview/components/__stories__/SettingsDataModelFieldPreviewCard.stories.tsx

@@ -1,11 +1,11 @@
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import {
   mockedCompanyObjectMetadataItem,
   mockedPersonObjectMetadataItem,
 } from '@/object-record/record-field/__mocks__/fieldDefinitions';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
 import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator';
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';

packages/twenty-front/src/modules/settings/data-model/objects/__stories__/SettingsObjectInactiveMenuDropDown.stories.tsx

@@ -1,7 +1,6 @@
 import { Decorator, Meta, StoryObj } from '@storybook/react';
 import { expect, fn, userEvent, within } from '@storybook/test';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { SettingsObjectInactiveMenuDropDown } from '../SettingsObjectInactiveMenuDropDown';
 

packages/twenty-front/src/modules/settings/data-model/objects/forms/components/__stories__/SettingsDataModelObjectAboutForm.stories.tsx

@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { mockedCompanyObjectMetadataItem } from '@/object-record/record-field/__mocks__/fieldDefinitions';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { FormProviderDecorator } from '~/testing/decorators/FormProviderDecorator';
 import { IconsProviderDecorator } from '~/testing/decorators/IconsProviderDecorator';
 

packages/twenty-front/src/modules/settings/developers/components/__stories__/ApiKeyInput.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { ApiKeyInput } from '@/settings/developers/components/ApiKeyInput';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
 
 const meta: Meta<typeof ApiKeyInput> = {

packages/twenty-front/src/modules/settings/developers/components/__stories__/SettingsApiKeysFieldItemTableRow.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { SettingsApiKeysFieldItemTableRow } from '@/settings/developers/components/SettingsApiKeysFieldItemTableRow';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 const meta: Meta<typeof SettingsApiKeysFieldItemTableRow> = {
   title: 'Modules/Settings/Developers/ApiKeys/SettingsApiKeysFieldItemTableRow',

packages/twenty-front/src/modules/ui/display/color/components/__stories__/ColorSample.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { ColorSample } from '../ColorSample';
 

packages/twenty-front/src/modules/ui/display/status/components/__stories__/Status.stories.tsx

@@ -1,13 +1,11 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { expect, fn, userEvent, within } from '@storybook/test';
+import { CatalogDecorator, CatalogStory, ComponentDecorator } from 'twenty-ui';
 
 import {
   MAIN_COLOR_NAMES,
   ThemeColor,
 } from '@/ui/theme/constants/MainColorNames';
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
-import { CatalogStory } from '~/testing/types';
 
 import { Status } from '../Status';
 

packages/twenty-front/src/modules/ui/display/tag/components/__stories__/Tag.stories.tsx

@@ -1,13 +1,11 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { expect, fn, userEvent, within } from '@storybook/test';
+import { CatalogDecorator, CatalogStory, ComponentDecorator } from 'twenty-ui';
 
 import {
   MAIN_COLOR_NAMES,
   ThemeColor,
 } from '@/ui/theme/constants/MainColorNames';
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
-import { CatalogStory } from '~/testing/types';
 
 import { Tag } from '../Tag';
 

packages/twenty-front/src/modules/ui/display/typography/components/__stories__/H1Title.stories.tsx

@@ -1,8 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { CatalogDecorator, CatalogStory, ComponentDecorator } from 'twenty-ui';
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
-import { CatalogStory } from '~/testing/types';
 
 import { H1Title, H1TitleFontColor } from '../H1Title';
 

packages/twenty-front/src/modules/ui/display/typography/components/__stories__/H2Title.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { H2Title } from '../H2Title';
 

packages/twenty-front/src/modules/ui/display/typography/components/__stories__/H3Title.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { H3Title } from '../H3Title';
 

packages/twenty-front/src/modules/ui/feedback/progress-bar/components/__stories__/CircularProgressBar.stories.tsx

@@ -1,8 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { CatalogDecorator, CatalogStory, ComponentDecorator } from 'twenty-ui';
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
-import { CatalogStory } from '~/testing/types';
 
 import { CircularProgressBar } from '../CircularProgressBar';
 

packages/twenty-front/src/modules/ui/feedback/progress-bar/components/__stories__/ProgressBar.stories.tsx

@@ -1,8 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { CatalogDecorator, CatalogStory, ComponentDecorator } from 'twenty-ui';
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
-import { CatalogStory } from '~/testing/types';
 
 import { ProgressBar } from '../ProgressBar';
 

packages/twenty-front/src/modules/ui/input/button/components/__stories__/Button.stories.tsx

@@ -1,9 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconSearch } from 'twenty-ui';
+import {
-
+  CatalogDecorator,
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconSearch,
+} from 'twenty-ui';
 
 import {
   Button,

packages/twenty-front/src/modules/ui/input/button/components/__stories__/ButtonGroup.stories.tsx

@@ -1,9 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconCheckbox, IconNotes, IconTimelineEvent } from 'twenty-ui';
+import {
-
+  CatalogDecorator,
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconCheckbox,
+  IconNotes,
+  IconTimelineEvent,
+} from 'twenty-ui';
 
 import { Button, ButtonAccent, ButtonSize, ButtonVariant } from '../Button';
 import { ButtonGroup } from '../ButtonGroup';

packages/twenty-front/src/modules/ui/input/button/components/__stories__/ColorPickerButton.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { ColorPickerButton } from '../ColorPickerButton';
 

packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingButton.stories.tsx

@@ -1,9 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconSearch } from 'twenty-ui';
+import {
-
+  CatalogDecorator,
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconSearch,
+} from 'twenty-ui';
 
 import { FloatingButton, FloatingButtonSize } from '../FloatingButton';
 

packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingButtonGroup.stories.tsx

@@ -1,9 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconCheckbox, IconNotes, IconTimelineEvent } from 'twenty-ui';
+import {
-
+  CatalogDecorator,
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconCheckbox,
+  IconNotes,
+  IconTimelineEvent,
+} from 'twenty-ui';
 
 import { FloatingButton, FloatingButtonSize } from '../FloatingButton';
 import { FloatingButtonGroup } from '../FloatingButtonGroup';

packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingIconButton.stories.tsx

@@ -1,9 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconSearch } from 'twenty-ui';
+import {
-
+  CatalogDecorator,
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconSearch,
+} from 'twenty-ui';
 
 import {
   FloatingIconButton,

packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingIconButtonGroup.stories.tsx

@@ -1,9 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconCheckbox, IconNotes, IconTimelineEvent } from 'twenty-ui';
+import {
-
+  CatalogDecorator,
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconCheckbox,
+  IconNotes,
+  IconTimelineEvent,
+} from 'twenty-ui';
 
 import { FloatingIconButtonSize } from '../FloatingIconButton';
 import { FloatingIconButtonGroup } from '../FloatingIconButtonGroup';

packages/twenty-front/src/modules/ui/input/button/components/__stories__/IconButton.stories.tsx

@@ -1,9 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconSearch } from 'twenty-ui';
+import {
-
+  CatalogDecorator,
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconSearch,
+} from 'twenty-ui';
 
 import {
   IconButton,

packages/twenty-front/src/modules/ui/input/button/components/__stories__/IconButtonGroup.stories.tsx

@@ -1,9 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconCheckbox, IconNotes, IconTimelineEvent } from 'twenty-ui';
+import {
-
+  CatalogDecorator,
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconCheckbox,
+  IconNotes,
+  IconTimelineEvent,
+} from 'twenty-ui';
 
 import {
   IconButtonAccent,

packages/twenty-front/src/modules/ui/input/button/components/__stories__/LightButton.stories.tsx

@@ -1,9 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconSearch } from 'twenty-ui';
+import {
-
+  CatalogDecorator,
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconSearch,
+} from 'twenty-ui';
 
 import { LightButton, LightButtonAccent } from '../LightButton';
 

packages/twenty-front/src/modules/ui/input/button/components/__stories__/LightIconButton.stories.tsx

@@ -1,9 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconSearch } from 'twenty-ui';
+import {
-
+  CatalogDecorator,
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconSearch,
+} from 'twenty-ui';
 
 import {
   LightIconButton,

packages/twenty-front/src/modules/ui/input/button/components/__stories__/MainButton.stories.tsx

@@ -1,8 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { expect, fn, userEvent, within } from '@storybook/test';
-import { IconBrandGoogle } from 'twenty-ui';
+import { ComponentDecorator, IconBrandGoogle } from 'twenty-ui';
-
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { MainButton } from '../MainButton';
 

packages/twenty-front/src/modules/ui/input/button/components/__stories__/RoundedIconButton.stories.tsx

@@ -1,8 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { expect, fn, userEvent, within } from '@storybook/test';
-import { IconArrowRight } from 'twenty-ui';
+import { ComponentDecorator, IconArrowRight } from 'twenty-ui';
-
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { RoundedIconButton } from '../RoundedIconButton';
 

packages/twenty-front/src/modules/ui/input/color-scheme/components/__stories__/ColorSchemeCard.stories.tsx

@@ -1,7 +1,6 @@
 import styled from '@emotion/styled';
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { ColorSchemeCard } from '../ColorSchemeCard';
 

packages/twenty-front/src/modules/ui/input/components/__stories__/AutosizeTextInput.stories.tsx

@@ -1,8 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { CatalogDecorator, CatalogStory, ComponentDecorator } from 'twenty-ui';
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
-import { CatalogStory } from '~/testing/types';
 
 import {
   AutosizeTextInput,

packages/twenty-front/src/modules/ui/input/components/__stories__/Checkbox.stories.tsx

@@ -1,8 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { CatalogDecorator, CatalogStory, ComponentDecorator } from 'twenty-ui';
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
-import { CatalogStory } from '~/testing/types';
 
 import {
   Checkbox,

packages/twenty-front/src/modules/ui/input/components/__stories__/IconPicker.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { expect, userEvent, within } from '@storybook/test';
+import { ComponentDecorator } from 'twenty-ui';
 
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { IconsProviderDecorator } from '~/testing/decorators/IconsProviderDecorator';
 import { sleep } from '~/testing/sleep';
 

packages/twenty-front/src/modules/ui/input/components/__stories__/ImageInput.stories.tsx

@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { workspaceLogoUrl } from '~/testing/mock-data/users';
 
 import { ImageInput } from '../ImageInput';

packages/twenty-front/src/modules/ui/input/components/__stories__/Radio.stories.tsx

@@ -1,8 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { CatalogDecorator, CatalogStory, ComponentDecorator } from 'twenty-ui';
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
-import { CatalogStory } from '~/testing/types';
 
 import { LabelPosition, Radio, RadioSize } from '../Radio';
 

packages/twenty-front/src/modules/ui/input/components/__stories__/Select.stories.tsx

@@ -1,8 +1,7 @@
 import { useState } from 'react';
 import { Meta, StoryObj } from '@storybook/react';
 import { userEvent, within } from '@storybook/test';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { Select, SelectProps } from '../Select';
 

packages/twenty-front/src/modules/ui/input/components/__stories__/TextArea.stories.tsx

@@ -1,7 +1,6 @@
 import { useState } from 'react';
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { TextArea, TextAreaProps } from '../TextArea';
 

packages/twenty-front/src/modules/ui/input/components/__stories__/TextInput.stories.tsx

@@ -1,7 +1,6 @@
 import { useState } from 'react';
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { TextInput, TextInputComponentProps } from '../TextInput';
 

packages/twenty-front/src/modules/ui/input/components/internal/date/components/__stories__/DatePicker.stories.tsx

@@ -1,7 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { expect, userEvent, within } from '@storybook/test';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { InternalDatePicker } from '../InternalDatePicker';
 

packages/twenty-front/src/modules/ui/layout/card/components/__stories__/Card.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { Card } from '../Card';
 import { CardContent } from '../CardContent';

packages/twenty-front/src/modules/ui/layout/draggable-list/__stories__/DraggableItem.stories.tsx

@@ -1,9 +1,8 @@
 import { DragDropContext, Droppable } from '@hello-pangea/dnd';
 import { Meta, StoryObj } from '@storybook/react';
-import { IconBell } from 'twenty-ui';
+import { ComponentDecorator, IconBell } from 'twenty-ui';
 
 import { MenuItemDraggable } from '@/ui/navigation/menu-item/components/MenuItemDraggable';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { DraggableItem } from '../components/DraggableItem';
 

packages/twenty-front/src/modules/ui/layout/draggable-list/__stories__/DraggableList.stories.tsx

@@ -1,9 +1,8 @@
 import { action } from '@storybook/addon-actions';
 import { Meta, StoryObj } from '@storybook/react';
-import { IconBell } from 'twenty-ui';
+import { ComponentDecorator, IconBell } from 'twenty-ui';
 
 import { MenuItemDraggable } from '@/ui/navigation/menu-item/components/MenuItemDraggable';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { DraggableItem } from '../components/DraggableItem';
 import { DraggableList } from '../components/DraggableList';

packages/twenty-front/src/modules/ui/layout/dropdown/components/__stories__/DropdownMenuInput.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { DropdownMenuInput } from '../DropdownMenuInput';
 

packages/twenty-front/src/modules/ui/layout/modal/components/__stories__/ConfirmModal.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { ConfirmationModal } from '../ConfirmationModal';
 

packages/twenty-front/src/modules/ui/layout/modal/components/__stories__/Modal.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { Modal } from '../Modal';
 import { ModalHotkeyScope } from '../types/ModalHotkeyScope';

packages/twenty-front/src/modules/ui/layout/tab/components/__stories__/Tab.stories.tsx

@@ -1,9 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconCheckbox } from 'twenty-ui';
+import {
-
+  CatalogDecorator,
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconCheckbox,
+} from 'twenty-ui';
 
 import { Tab } from '../Tab';
 

packages/twenty-front/src/modules/ui/layout/tab/components/__stories__/Tablist.stories.tsx

@@ -1,9 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { expect, within } from '@storybook/test';
-import { IconCheckbox } from 'twenty-ui';
+import { ComponentDecorator, IconCheckbox } from 'twenty-ui';
 
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { TabList } from '../TabList';
 

packages/twenty-front/src/modules/ui/layout/table/components/__stories__/Table.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { Table } from '../Table';
 import { TableCell } from '../TableCell';

packages/twenty-front/src/modules/ui/navigation/action-bar/components/__stories__/ActionBar.stories.tsx

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { useSetRecoilState } from 'recoil';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { RecordTableScope } from '@/object-record/record-table/scopes/RecordTableScope';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
 
 import { actionBarOpenState } from '../../states/actionBarIsOpenState';

packages/twenty-front/src/modules/ui/navigation/bread-crumb/components/__stories__/Breadcrumb.stories.tsx

@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator';
 
 import { Breadcrumb } from '../Breadcrumb';

packages/twenty-front/src/modules/ui/navigation/context-menu/components/__stories__/ContextMenu.stories.tsx

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { useSetRecoilState } from 'recoil';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { RecordTableScope } from '@/object-record/record-table/scopes/RecordTableScope';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
 
 import { contextMenuIsOpenState } from '../../states/contextMenuIsOpenState';

packages/twenty-front/src/modules/ui/navigation/link/components/__stories__/ActionLink.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
 
 import { ActionLink } from '@/ui/navigation/link/components/ActionLink.tsx';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator.tsx';
 
 const meta: Meta<typeof ActionLink> = {
   title: 'UI/navigation/link/ActionLink',

packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItem.stories.tsx

@@ -1,10 +1,11 @@
 import { action } from '@storybook/addon-actions';
 import { Meta, StoryObj } from '@storybook/react';
-import { IconBell } from 'twenty-ui';
+import {
-
+  CatalogDecorator,
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconBell,
+} from 'twenty-ui';
 
 import { MenuItemAccent } from '../../types/MenuItemAccent';
 import { MenuItem } from '../MenuItem';

packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemCommand.stories.tsx

@@ -1,9 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconBell } from 'twenty-ui';
+import {
-
+  CatalogDecorator,
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconBell,
+} from 'twenty-ui';
 
 import { MenuItemCommand } from '../MenuItemCommand';
 

packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemDraggable.stories.tsx

@@ -1,13 +1,13 @@
 import { action } from '@storybook/addon-actions';
 import { Meta, StoryObj } from '@storybook/react';
-import { IconBell, IconMinus } from 'twenty-ui';
-
 import {
   CatalogDecorator,
   CatalogDimension,
   CatalogOptions,
-} from '~/testing/decorators/CatalogDecorator';
+  ComponentDecorator,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  IconBell,
+  IconMinus,
+} from 'twenty-ui';
 
 import { MenuItemAccent } from '../../types/MenuItemAccent';
 import { MenuItemDraggable } from '../MenuItemDraggable';

packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemMultiSelect.stories.tsx

@@ -1,13 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconBell } from 'twenty-ui';
-
 import {
   CatalogDecorator,
   CatalogDimension,
   CatalogOptions,
-} from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconBell,
+} from 'twenty-ui';
 
 import { MenuItemMultiSelect } from '../MenuItemMultiSelect';
 

packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemNavigate.stories.tsx

@@ -1,13 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconBell } from 'twenty-ui';
-
 import {
   CatalogDecorator,
   CatalogDimension,
   CatalogOptions,
-} from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconBell,
+} from 'twenty-ui';
 
 import { MenuItemNavigate } from '../MenuItemNavigate';
 

packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemSelect.stories.tsx

@@ -1,13 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconBell } from 'twenty-ui';
-
 import {
   CatalogDecorator,
   CatalogDimension,
   CatalogOptions,
-} from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconBell,
+} from 'twenty-ui';
 
 import { MenuItemSelect } from '../MenuItemSelect';
 

packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemSelectColor.stories.tsx

@@ -1,17 +1,17 @@
 import { Meta, StoryObj } from '@storybook/react';
+import {
+  CatalogDecorator,
+  CatalogDimension,
+  CatalogOptions,
+  CatalogStory,
+  ComponentDecorator,
+} from 'twenty-ui';
 
 import { ColorSampleVariant } from '@/ui/display/color/components/ColorSample';
 import {
   MAIN_COLOR_NAMES,
   ThemeColor,
 } from '@/ui/theme/constants/MainColorNames';
-import {
-  CatalogDecorator,
-  CatalogDimension,
-  CatalogOptions,
-} from '~/testing/decorators/CatalogDecorator';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
-import { CatalogStory } from '~/testing/types';
 
 import { MenuItemSelectColor } from '../MenuItemSelectColor';
 

packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemToggle.stories.tsx

@@ -1,13 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconBell } from 'twenty-ui';
-
 import {
   CatalogDecorator,
   CatalogDimension,
   CatalogOptions,
-} from '~/testing/decorators/CatalogDecorator';
+  CatalogStory,
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+  ComponentDecorator,
-import { CatalogStory } from '~/testing/types';
+  IconBell,
+} from 'twenty-ui';
 
 import { MenuItemToggle } from '../MenuItemToggle';
 

packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/__stories__/NavigationBar.stories.tsx

@@ -1,7 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { IconCheckbox, IconList, IconSearch, IconSettings } from 'twenty-ui';
+import {
+  ComponentDecorator,
+  IconCheckbox,
+  IconList,
+  IconSearch,
+  IconSettings,
+} from 'twenty-ui';
 
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator';
 
 import { NavigationBar } from '../NavigationBar';

packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawerCollapseButton.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-
+import { ComponentDecorator } from 'twenty-ui';
-import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { NavigationDrawerCollapseButton } from '../NavigationDrawerCollapseButton';
 

packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawerItem.stories.tsx

@@ -1,11 +1,9 @@
 import styled from '@emotion/styled';
 import { Meta, StoryObj } from '@storybook/react';
-import { IconSearch } from 'twenty-ui';
+import { CatalogDecorator, CatalogStory, IconSearch } from 'twenty-ui';
 
-import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
 import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator';
 import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
-import { CatalogStory } from '~/testing/types';
 
 import { NavigationDrawerItem } from '../NavigationDrawerItem';
 

packages/twenty-server/src/modules/calendar/crons/commands/calendar-cron-commands.module.ts

@@ -1,8 +1,5 @@
 import { Module } from '@nestjs/common';
 
-import { GoogleCalendarSyncCommand } from 'src/modules/calendar/commands/google-calendar-sync.command';
-import { ObjectMetadataRepositoryModule } from 'src/engine/object-metadata-repository/object-metadata-repository.module';
-import { ConnectedAccountObjectMetadata } from 'src/modules/connected-account/standard-objects/connected-account.object-metadata';
 import { GoogleCalendarSyncCronCommand } from 'src/modules/calendar/crons/commands/google-calendar-sync.cron.command';
 
 @Module({