Enforce front project structure through ESLINT (#7863)

Fixes: https://github.com/twentyhq/twenty/issues/7329

packages/twenty-front/src/modules/activities/tasks/components/PageAddTaskButton.tsx

@@ -1,6 +1,6 @@
 import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateActivityDrawer';
 import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
-import { PageAddButton } from '@/ui/layout/page/PageAddButton';
+import { PageAddButton } from '@/ui/layout/page/components/PageAddButton';
 
 export const PageAddTaskButton = () => {
   const openCreateActivity = useOpenCreateActivityDrawer({

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

@@ -0,0 +1,49 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+import { TaskGroups } from '@/activities/tasks/components/TaskGroups';
+import { ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity';
+import { ObjectFilterDropdownScope } from '@/object-record/object-filter-dropdown/scopes/ObjectFilterDropdownScope';
+import { ComponentWithRecoilScopeDecorator } from '~/testing/decorators/ComponentWithRecoilScopeDecorator';
+import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator';
+import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator';
+import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
+import { graphqlMocks } from '~/testing/graphqlMocks';
+import { mockedTasks } from '~/testing/mock-data/tasks';
+
+const meta: Meta<typeof TaskGroups> = {
+  title: 'Modules/Activity/TaskGroups',
+  component: TaskGroups,
+  decorators: [
+    (Story) => (
+      <ObjectFilterDropdownScope filterScopeId="entity-tasks-filter-scope">
+        <Story />
+      </ObjectFilterDropdownScope>
+    ),
+    ComponentWithRouterDecorator,
+    ComponentWithRecoilScopeDecorator,
+    ObjectMetadataItemsDecorator,
+    SnackBarDecorator,
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof TaskGroups>;
+
+export const Empty: Story = {};
+
+export const WithTasks: Story = {
+  args: {
+    targetableObjects: [
+      {
+        id: mockedTasks[0].taskTargets?.[0].personId,
+        targetObjectNameSingular: 'person',
+      },
+    ] as ActivityTargetableObject[],
+  },
+  parameters: {
+    msw: graphqlMocks,
+    container: {
+      width: '500px',
+    },
+  },
+};

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

@@ -0,0 +1,40 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ComponentDecorator } from 'twenty-ui';
+
+import { TaskList } from '@/activities/tasks/components/TaskList';
+import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
+import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator';
+import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
+import { graphqlMocks } from '~/testing/graphqlMocks';
+import { mockedTasks } from '~/testing/mock-data/tasks';
+
+const meta: Meta<typeof TaskList> = {
+  title: 'Modules/Activity/TaskList',
+  component: TaskList,
+  decorators: [
+    ComponentDecorator,
+    MemoryRouterDecorator,
+    ObjectMetadataItemsDecorator,
+    SnackBarDecorator,
+  ],
+  args: {
+    title: 'Tasks',
+    tasks: mockedTasks,
+  },
+  parameters: {
+    msw: graphqlMocks,
+    container: {
+      width: '500px',
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof TaskList>;
+
+export const Default: Story = {
+  args: {
+    title: 'Tasks',
+    tasks: mockedTasks,
+  },
+};