Merge branch 'imp/invite--improvement' into test/invitation-process

worklenz-frontend/src/pages/404-page/404-page.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import notFoundImg from '../../assets/images/not-found-img.png';
-import { Button, Flex, Layout, Typography } from 'antd';
+import { Button, Flex, Layout, Typography } from '@/shared/antd-imports';
 import { useTranslation } from 'react-i18next';
 
 const NotFoundPage = () => {

worklenz-frontend/src/pages/admin-center/admin-center-constants.ts

@@ -4,7 +4,7 @@ import {
   ProfileOutlined,
   TeamOutlined,
   UserOutlined,
-} from '@ant-design/icons';
+} from '@/shared/antd-imports';
 import React, { ReactNode, lazy } from 'react';
 const Overview = lazy(() => import('./overview/overview'));
 const Users = lazy(() => import('./users/users'));

worklenz-frontend/src/pages/admin-center/billing/billing.tsx

@@ -1,32 +1,39 @@
 import { PageHeader } from '@ant-design/pro-components';
-import { Tabs, TabsProps } from 'antd';
-import React from 'react';
+import { Tabs, TabsProps } from '@/shared/antd-imports';
+import React, { useMemo } from 'react';
 import CurrentBill from '@/components/admin-center/billing/current-bill';
 import Configuration from '@/components/admin-center/configuration/configuration';
 import { useTranslation } from 'react-i18next';
 
-const Billing: React.FC = () => {
+const Billing: React.FC = React.memo(() => {
   const { t } = useTranslation('admin-center/current-bill');
 
-  const items: TabsProps['items'] = [
-    {
-      key: '1',
-      label: t('currentBill'),
-      children: <CurrentBill />,
-    },
-    {
-      key: '2',
-      label: t('configuration'),
-      children: <Configuration />,
-    },
-  ];
+  const items: TabsProps['items'] = useMemo(
+    () => [
+      {
+        key: '1',
+        label: t('currentBill'),
+        children: <CurrentBill />,
+      },
+      {
+        key: '2',
+        label: t('configuration'),
+        children: <Configuration />,
+      },
+    ],
+    [t]
+  );
+
+  const pageHeaderStyle = useMemo(() => ({ padding: '16px 0' }), []);
 
   return (
     <div style={{ width: '100%' }}>
-      <PageHeader title={<span>{t('title')}</span>} style={{ padding: '16px 0' }} />
-      <Tabs defaultActiveKey="1" items={items} destroyInactiveTabPane />
+      <PageHeader title={<span>{t('title')}</span>} style={pageHeaderStyle} />
+      <Tabs defaultActiveKey="1" items={items} destroyOnHidden />
     </div>
   );
-};
+});
+
+Billing.displayName = 'Billing';
 
 export default Billing;

worklenz-frontend/src/pages/admin-center/overview/overview.tsx

@@ -1,6 +1,6 @@
-import { EditOutlined, MailOutlined, PhoneOutlined } from '@ant-design/icons';
+import { EditOutlined, MailOutlined, PhoneOutlined } from '@/shared/antd-imports';
 import { PageHeader } from '@ant-design/pro-components';
-import { Button, Card, Input, Space, Tooltip, Typography } from 'antd';
+import { Button, Card, Input, Space, Tooltip, Typography } from '@/shared/antd-imports';
 import React, { useEffect, useState } from 'react';
 import OrganizationAdminsTable from '@/components/admin-center/overview/organization-admins-table/organization-admins-table';
 import { useAppSelector } from '@/hooks/useAppSelector';

worklenz-frontend/src/pages/admin-center/projects/projects.tsx

@@ -21,8 +21,8 @@ import {
   TableProps,
   Tooltip,
   Typography,
-} from 'antd';
-import { DeleteOutlined, SearchOutlined, SyncOutlined } from '@ant-design/icons';
+} from '@/shared/antd-imports';
+import { DeleteOutlined, SearchOutlined, SyncOutlined } from '@/shared/antd-imports';
 import { PageHeader } from '@ant-design/pro-components';
 import { projectsApiService } from '@/api/projects/projects.api.service';
 

worklenz-frontend/src/pages/admin-center/sidebar/sidebar.tsx

@@ -1,5 +1,5 @@
-import { RightOutlined } from '@ant-design/icons';
-import { ConfigProvider, Flex, Menu, MenuProps } from 'antd';
+import { RightOutlined } from '@/shared/antd-imports';
+import { ConfigProvider, Flex, Menu, MenuProps } from '@/shared/antd-imports';
 import React from 'react';
 import { Link, useLocation } from 'react-router-dom';
 import { colors } from '../../../styles/colors';

worklenz-frontend/src/pages/admin-center/teams/teams.tsx

@@ -1,6 +1,6 @@
-import { SearchOutlined, SyncOutlined } from '@ant-design/icons';
+import { SearchOutlined, SyncOutlined } from '@/shared/antd-imports';
 import { PageHeader } from '@ant-design/pro-components';
-import { Button, Flex, Input, Tooltip } from 'antd';
+import { Button, Flex, Input, Tooltip } from '@/shared/antd-imports';
 
 import React, { useEffect, useState } from 'react';
 

worklenz-frontend/src/pages/admin-center/users/users.tsx

@@ -1,6 +1,6 @@
-import { SearchOutlined, SyncOutlined } from '@ant-design/icons';
+import { SearchOutlined, SyncOutlined } from '@/shared/antd-imports';
 import { PageHeader } from '@ant-design/pro-components';
-import { Button, Card, Flex, Input, Table, TableProps, Tooltip, Typography } from 'antd';
+import { Button, Card, Flex, Input, Table, TableProps, Tooltip, Typography } from '@/shared/antd-imports';
 import React, { useEffect, useState } from 'react';
 import { RootState } from '@/app/store';
 import { useAppSelector } from '@/hooks/useAppSelector';

worklenz-frontend/src/pages/auth/ForgotPasswordPage.tsx

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useMediaQuery } from 'react-responsive';
 import { Link, useNavigate } from 'react-router-dom';
-import { UserOutlined } from '@ant-design/icons';
+import { UserOutlined } from '@/shared/antd-imports';
 import { Form, Card, Input, Flex, Button, Typography, Result } from 'antd/es';
 
 import PageHeader from '@components/AuthPageHeader';

worklenz-frontend/src/pages/auth/LoginPage.tsx

@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useState } from 'react';
 import { Card, Input, Flex, Checkbox, Button, Typography, Space, Form, message } from 'antd/es';
 import { Rule } from 'antd/es/form';
 
-import { LockOutlined, UserOutlined } from '@ant-design/icons';
+import { LockOutlined, UserOutlined } from '@/shared/antd-imports';
 import { Link, useNavigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { useMediaQuery } from 'react-responsive';

worklenz-frontend/src/pages/auth/SignupPage.tsx

@@ -2,10 +2,10 @@ import { useEffect, useState } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { useMediaQuery } from 'react-responsive';
-import { LockOutlined, MailOutlined, UserOutlined } from '@ant-design/icons';
+import { LockOutlined, MailOutlined, UserOutlined } from '@/shared/antd-imports';
 import { Form, Card, Input, Flex, Button, Typography, Space, message } from 'antd/es';
 import { Rule } from 'antd/es/form';
-import { CheckCircleTwoTone, CloseCircleTwoTone } from '@ant-design/icons';
+import { CheckCircleTwoTone, CloseCircleTwoTone } from '@/shared/antd-imports';
 import { useAppSelector } from '@/hooks/useAppSelector';
 
 import googleIcon from '@/assets/images/google-icon.png';

worklenz-frontend/src/pages/auth/VerifyResetEmailPage.tsx

@@ -1,10 +1,10 @@
 import { useCallback, useEffect, useState } from 'react';
 import { Link, useNavigate, useParams } from 'react-router-dom';
 import { Form, Card, Input, Flex, Button, Typography, Result } from 'antd/es';
-import { LockOutlined } from '@ant-design/icons';
+import { LockOutlined } from '@/shared/antd-imports';
 import { useTranslation } from 'react-i18next';
 import { useMediaQuery } from 'react-responsive';
-import { CheckCircleTwoTone, CloseCircleTwoTone } from '@ant-design/icons';
+import { CheckCircleTwoTone, CloseCircleTwoTone } from '@/shared/antd-imports';
 import { useAppSelector } from '@/hooks/useAppSelector';
 
 import PageHeader from '@components/AuthPageHeader';

worklenz-frontend/src/pages/home/recent-and-favourite-project-list/add-favourite-project-button.tsx

@@ -1,5 +1,5 @@
-import { StarFilled } from '@ant-design/icons';
-import { Button, ConfigProvider, Tooltip } from 'antd';
+import { StarFilled } from '@/shared/antd-imports';
+import { Button, ConfigProvider, Tooltip } from '@/shared/antd-imports';
 import { useMemo } from 'react';
 import { colors } from '@/styles/colors';
 import { IProjectViewModel } from '@/types/project/projectViewModel.types';

worklenz-frontend/src/pages/home/recent-and-favourite-project-list/recent-and-favourite-project-list.tsx

@@ -1,4 +1,4 @@
-import { SyncOutlined } from '@ant-design/icons';
+import { SyncOutlined } from '@/shared/antd-imports';
 import {
   Badge,
   Button,
@@ -10,7 +10,7 @@ import {
   TableProps,
   Tooltip,
   Typography,
-} from 'antd';
+} from '@/shared/antd-imports';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 

worklenz-frontend/src/pages/home/task-list/add-task-inline-form.tsx

@@ -1,4 +1,4 @@
-import { Alert, DatePicker, Flex, Form, Input, InputRef, Select, Typography } from 'antd';
+import { Alert, DatePicker, Flex, Form, Input, InputRef, Select, Typography } from '@/shared/antd-imports';
 import { useEffect, useRef, useState } from 'react';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { TFunction } from 'i18next';

worklenz-frontend/src/pages/home/task-list/calendar-view.tsx

@@ -1,6 +1,6 @@
 import HomeCalendar from '../../../components/calendars/homeCalendar/HomeCalendar';
-import { Tag, Typography } from 'antd';
-import { ClockCircleOutlined } from '@ant-design/icons';
+import { Tag, Typography } from '@/shared/antd-imports';
+import { ClockCircleOutlined } from '@/shared/antd-imports';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import AddTaskInlineForm from './add-task-inline-form';
 import { useTranslation } from 'react-i18next';

worklenz-frontend/src/pages/home/task-list/list-view.tsx

@@ -1,4 +1,4 @@
-import { Tabs } from 'antd';
+import { Tabs } from '@/shared/antd-imports';
 import AddTaskInlineForm from './add-task-inline-form';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { useTranslation } from 'react-i18next';

worklenz-frontend/src/pages/home/task-list/tasks-list.tsx

@@ -1,4 +1,4 @@
-import { ExpandAltOutlined, SyncOutlined } from '@ant-design/icons';
+import { ExpandAltOutlined, SyncOutlined } from '@/shared/antd-imports';
 import {
   Badge,
   Button,
@@ -12,7 +12,7 @@ import {
   Tooltip,
   Typography,
   Pagination,
-} from 'antd';
+} from '@/shared/antd-imports';
 import React, { useState, useMemo, useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useMediaQuery } from 'react-responsive';

worklenz-frontend/src/pages/home/todo-list/todo-done-button.tsx

@@ -1,4 +1,4 @@
-import { CheckCircleOutlined } from '@ant-design/icons';
+import { CheckCircleOutlined } from '@/shared/antd-imports';
 import ConfigProvider from 'antd/es/config-provider';
 import Button from 'antd/es/button';
 import Tooltip from 'antd/es/tooltip';

worklenz-frontend/src/pages/home/todo-list/todo-list.tsx

@@ -1,4 +1,4 @@
-import { CheckCircleOutlined, SyncOutlined } from '@ant-design/icons';
+import { CheckCircleOutlined, SyncOutlined } from '@/shared/antd-imports';
 import { useRef, useState } from 'react';
 import Form from 'antd/es/form';
 import Input, { InputRef } from 'antd/es/input';

worklenz-frontend/src/pages/license-expired/license-expired.tsx

@@ -1,4 +1,4 @@
-import { Button, Result } from 'antd';
+import { Button, Result } from '@/shared/antd-imports';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { useAuthService } from '@/hooks/useAuth';

worklenz-frontend/src/pages/projects/project-list.tsx

@@ -16,14 +16,14 @@ import {
   Table,
   TablePaginationConfig,
   Tooltip,
-} from 'antd';
+} from '@/shared/antd-imports';
 import { PageHeader } from '@ant-design/pro-components';
 import {
   SearchOutlined,
   SyncOutlined,
   UnorderedListOutlined,
   AppstoreOutlined,
-} from '@ant-design/icons';
+} from '@/shared/antd-imports';
 import type { FilterValue, SorterResult } from 'antd/es/table/interface';
 
 import ProjectDrawer from '@/components/projects/project-drawer/project-drawer';

worklenz-frontend/src/pages/projects/project-view-1/board/project-view-board.tsx

@@ -10,8 +10,8 @@ import {
 
 import { useAppSelector } from '@/hooks/useAppSelector';
 import TaskListFilters from '../taskList/taskListFilters/TaskListFilters';
-import { Button, Skeleton } from 'antd';
-import { PlusOutlined } from '@ant-design/icons';
+import { Button, Skeleton } from '@/shared/antd-imports';
+import { PlusOutlined } from '@/shared/antd-imports';
 import { useDispatch } from 'react-redux';
 import { toggleDrawer } from '@/features/projects/status/StatusSlice';
 import KanbanGroup from '@/components/board/kanban-group/kanban-group';

worklenz-frontend/src/pages/projects/project-view-1/roadmap/project-view-roadmap.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { ViewMode } from 'gantt-task-react';
 import 'gantt-task-react/dist/index.css';
 import './project-view-roadmap.css';
-import { Flex } from 'antd';
+import { Flex } from '@/shared/antd-imports';
 import { useAppSelector } from '../../../../hooks/useAppSelector';
 import { TimeFilter } from './time-filter';
 import RoadmapTable from './roadmap-table/roadmap-table';

worklenz-frontend/src/pages/projects/project-view-1/roadmap/roadmap-table/roadmap-table.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DatePicker, Typography } from 'antd';
+import { DatePicker, Typography } from '@/shared/antd-imports';
 import dayjs, { Dayjs } from 'dayjs';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { useAppDispatch } from '@/hooks/useAppDispatch';

worklenz-frontend/src/pages/projects/project-view-1/roadmap/roadmap-table/roadmap-task-cell.tsx

@@ -1,10 +1,10 @@
-import { Flex, Typography, Button, Tooltip } from 'antd';
+import { Flex, Typography, Button, Tooltip } from '@/shared/antd-imports';
 import {
   DoubleRightOutlined,
   DownOutlined,
   RightOutlined,
   ExpandAltOutlined,
-} from '@ant-design/icons';
+} from '@/shared/antd-imports';
 import { NewTaskType, toggleTaskExpansion } from '@features/roadmap/roadmap-slice';
 import { useAppDispatch } from '@/hooks/useAppDispatch';
 import { toggleTaskDrawer } from '@features/tasks/taskSlice';

worklenz-frontend/src/pages/projects/project-view-1/roadmap/time-filter.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import 'gantt-task-react/dist/index.css';
 import { ViewMode } from 'gantt-task-react';
-import { Flex, Select } from 'antd';
+import { Flex, Select } from '@/shared/antd-imports';
 type TimeFilterProps = {
   onViewModeChange: (viewMode: ViewMode) => void;
 };

worklenz-frontend/src/pages/projects/project-view-1/task-list/table-v2.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useMemo, useRef, useState } from 'react';
-import { Checkbox, Flex, Tag, Tooltip } from 'antd';
-import { HolderOutlined } from '@ant-design/icons';
+import { Checkbox, Flex, Tag, Tooltip } from '@/shared/antd-imports';
+import { HolderOutlined } from '@/shared/antd-imports';
 import {
   DndContext,
   DragEndEvent,

worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list-columns/task-list-columns.tsx

@@ -1,7 +1,7 @@
-import { Avatar, Checkbox, DatePicker, Flex, Select, Tag } from 'antd';
+import { Avatar, Checkbox, DatePicker, Flex, Select, Tag } from '@/shared/antd-imports';
 import { createColumnHelper, ColumnDef } from '@tanstack/react-table';
 import { IProjectTask } from '@/types/project/projectTasksViewModel.types';
-import { HolderOutlined, PlusOutlined } from '@ant-design/icons';
+import { HolderOutlined, PlusOutlined } from '@/shared/antd-imports';
 import StatusDropdown from '@/components/task-list-common/status-dropdown/status-dropdown';
 import Avatars from '@/components/avatars/avatars';
 import LabelsSelector from '@/components/task-list-common/labelsSelector/labels-selector';

worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list-custom.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useMemo, useRef, useState } from 'react';
-import { Checkbox, theme } from 'antd';
+import { Checkbox, theme } from '@/shared/antd-imports';
 import {
   useReactTable,
   getCoreRowModel,

worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list-header/task-list-header.tsx

@@ -1,12 +1,12 @@
 import React, { useState } from 'react';
-import { Button, Dropdown, Input, Menu, Badge, Tooltip } from 'antd';
+import { Button, Dropdown, Input, Menu, Badge, Tooltip } from '@/shared/antd-imports';
 import {
   RightOutlined,
   LoadingOutlined,
   EllipsisOutlined,
   EditOutlined,
   RetweetOutlined,
-} from '@ant-design/icons';
+} from '@/shared/antd-imports';
 import { ITaskListGroup } from '@/types/tasks/taskList.types';
 import { ITaskStatusCategory } from '@/types/status.types';
 import { useAppSelector } from '@/hooks/useAppSelector';

worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list-instant-task-input/task-list-instant-task-input.tsx

@@ -1,4 +1,4 @@
-import { Input, InputRef, theme } from 'antd';
+import { Input, InputRef, theme } from '@/shared/antd-imports';
 import React, { useState, useMemo, useRef } from 'react';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { colors } from '@/styles/colors';

worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list-table-old/task-list-table-old.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { Avatar, Checkbox, DatePicker, Flex, Tag, Tooltip, Typography } from 'antd';
+import { Avatar, Checkbox, DatePicker, Flex, Tag, Tooltip, Typography } from '@/shared/antd-imports';
 
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { columnList } from '@/pages/projects/project-view-1/taskList/taskListTable/columns/columnList';

worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list-table-wrapper/task-list-table-wrapper.tsx

@@ -1,7 +1,7 @@
-import { Badge, Button, Collapse, ConfigProvider, Dropdown, Flex, Input, Typography } from 'antd';
+import { Badge, Button, Collapse, ConfigProvider, Dropdown, Flex, Input, Typography } from '@/shared/antd-imports';
 import { useState } from 'react';
 import { TaskType } from '@/types/task.types';
-import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@ant-design/icons';
+import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@/shared/antd-imports';
 import { colors } from '@/styles/colors';
 import './task-list-table-wrapper.css';
 import TaskListTable from '../table-v2';

worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { Flex, Skeleton } from 'antd';
+import { Flex, Skeleton } from '@/shared/antd-imports';
 import TaskListFilters from '@/pages/projects/project-view-1/taskList/taskListFilters/TaskListFilters';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { ITaskListConfigV2, ITaskListGroup } from '@/types/tasks/taskList.types';

worklenz-frontend/src/pages/projects/project-view-1/taskList/ProjectViewTaskList.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { Flex } from 'antd';
+import { Flex } from '@/shared/antd-imports';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { useAppDispatch } from '@/hooks/useAppDispatch';
 import { fetchStatusesCategories } from '@/features/taskAttributes/taskStatusSlice';

worklenz-frontend/src/pages/projects/project-view-1/taskList/statusTables/StatusGroupTables.tsx

@@ -1,6 +1,6 @@
 import { TaskType } from '@/types/task.types';
 import { useAppSelector } from '@/hooks/useAppSelector';
-import { Flex } from 'antd';
+import { Flex } from '@/shared/antd-imports';
 import TaskListTableWrapper from '@/pages/projects/project-view-1/taskList/taskListTable/TaskListTableWrapper';
 import { createPortal } from 'react-dom';
 import BulkTasksActionContainer from '@/features/projects/bulkActions/BulkTasksActionContainer';

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/GroupByFilterDropdown.tsx

@@ -1,5 +1,5 @@
-import { CaretDownFilled } from '@ant-design/icons';
-import { ConfigProvider, Flex, Select } from 'antd';
+import { CaretDownFilled } from '@/shared/antd-imports';
+import { ConfigProvider, Flex, Select } from '@/shared/antd-imports';
 import React, { useState } from 'react';
 import { colors } from '@/styles/colors';
 import ConfigPhaseButton from '@features/projects/singleProject/phase/ConfigPhaseButton';

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/LabelsFilterDropdown.tsx

@@ -1,4 +1,4 @@
-import { CaretDownFilled } from '@ant-design/icons';
+import { CaretDownFilled } from '@/shared/antd-imports';
 import {
   Badge,
   Button,
@@ -11,7 +11,7 @@ import {
   InputRef,
   List,
   Space,
-} from 'antd';
+} from '@/shared/antd-imports';
 import { useEffect, useRef, useState } from 'react';
 import { colors } from '@/styles/colors';
 import { useTranslation } from 'react-i18next';

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/MembersFilterDropdown.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-import { CaretDownFilled } from '@ant-design/icons';
+import { CaretDownFilled } from '@/shared/antd-imports';
 import {
   Badge,
   Button,
@@ -13,7 +13,7 @@ import {
   List,
   Space,
   Typography,
-} from 'antd';
+} from '@/shared/antd-imports';
 import { useMemo, useRef, useState } from 'react';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { colors } from '@/styles/colors';

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/PriorityFilterDropdown.tsx

@@ -1,5 +1,5 @@
-import { CaretDownFilled } from '@ant-design/icons';
-import { Badge, Button, Card, Checkbox, Dropdown, List, Space } from 'antd';
+import { CaretDownFilled } from '@/shared/antd-imports';
+import { Badge, Button, Card, Checkbox, Dropdown, List, Space } from '@/shared/antd-imports';
 import { useState } from 'react';
 
 import { colors } from '@/styles/colors';

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/SearchDropdown.tsx

@@ -1,5 +1,5 @@
-import { SearchOutlined } from '@ant-design/icons';
-import { Button, Card, Dropdown, Flex, Input, InputRef, Space } from 'antd';
+import { SearchOutlined } from '@/shared/antd-imports';
+import { Button, Card, Dropdown, Flex, Input, InputRef, Space } from '@/shared/antd-imports';
 import { useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/ShowFieldsFilterDropdown.tsx

@@ -1,5 +1,5 @@
-import { MoreOutlined } from '@ant-design/icons';
-import { Button, Card, Checkbox, Dropdown, List, Space } from 'antd';
+import { MoreOutlined } from '@/shared/antd-imports';
+import { Button, Card, Checkbox, Dropdown, List, Space } from '@/shared/antd-imports';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { useAppDispatch } from '@/hooks/useAppDispatch';
 import {

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/SortFilterDropdown.tsx

@@ -1,5 +1,5 @@
-import { CaretDownFilled, SortAscendingOutlined, SortDescendingOutlined } from '@ant-design/icons';
-import { Badge, Button, Card, Checkbox, Dropdown, List, Space } from 'antd';
+import { CaretDownFilled, SortAscendingOutlined, SortDescendingOutlined } from '@/shared/antd-imports';
+import { Badge, Button, Card, Checkbox, Dropdown, List, Space } from '@/shared/antd-imports';
 import React, { useState } from 'react';
 import { colors } from '../../../../../styles/colors';
 import { useTranslation } from 'react-i18next';

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/TaskListFilters.tsx

@@ -1,4 +1,4 @@
-import { Checkbox, Flex, Typography } from 'antd';
+import { Checkbox, Flex, Typography } from '@/shared/antd-imports';
 import SearchDropdown from './SearchDropdown';
 import SortFilterDropdown from './SortFilterDropdown';
 import LabelsFilterDropdown from './LabelsFilterDropdown';

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/TaskListTable.tsx

@@ -1,7 +1,7 @@
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { columnList } from './columns/columnList';
 import AddTaskListRow from './taskListTableRows/AddTaskListRow';
-import { Checkbox, Flex, Tag, Tooltip } from 'antd';
+import { Checkbox, Flex, Tag, Tooltip } from '@/shared/antd-imports';
 import React, { useEffect, useState } from 'react';
 import { useSelectedProject } from '@/hooks/useSelectedProject';
 import TaskCell from './taskListTableCells/TaskCell';
@@ -12,7 +12,7 @@ import { useAppDispatch } from '@/hooks/useAppDispatch';
 import { deselectAll } from '@features/projects/bulkActions/bulkActionSlice';
 import { useTranslation } from 'react-i18next';
 import { IProjectTask } from '@/types/project/projectTasksViewModel.types';
-import { HolderOutlined } from '@ant-design/icons';
+import { HolderOutlined } from '@/shared/antd-imports';
 
 const TaskListTable = ({
   taskList,

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/TaskListTableWrapper.tsx

@@ -1,7 +1,6 @@
-import { Badge, Button, Collapse, ConfigProvider, Dropdown, Flex, Input, Typography } from 'antd';
+import { Badge, Button, Collapse, ConfigProvider, Dropdown, Flex, Input, Typography } from '@/shared/antd-imports';
 import { useState } from 'react';
-import { TaskType } from '../../../../../types/task.types';
-import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@ant-design/icons';
+import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@/shared/antd-imports';
 import { colors } from '../../../../../styles/colors';
 import './taskListTableWrapper.css';
 import TaskListTable from './TaskListTable';

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/contextMenu/TaskContextMenu.tsx

@@ -4,8 +4,8 @@ import {
   InboxOutlined,
   RetweetOutlined,
   UserAddOutlined,
-} from '@ant-design/icons';
-import { Badge, Dropdown, Flex, Typography } from 'antd';
+} from '@/shared/antd-imports';
+import { Badge, Dropdown, Flex, Typography } from '@/shared/antd-imports';
 import { MenuProps } from 'antd/lib';
 import React from 'react';
 import { useAppSelector } from '@/hooks/useAppSelector';

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/taskListTableCells/TaskCell.tsx

@@ -1,12 +1,12 @@
 // TaskNameCell.tsx
 import React from 'react';
-import { Flex, Typography, Button } from 'antd';
+import { Flex, Typography, Button } from '@/shared/antd-imports';
 import {
   DoubleRightOutlined,
   DownOutlined,
   RightOutlined,
   ExpandAltOutlined,
-} from '@ant-design/icons';
+} from '@/shared/antd-imports';
 import { colors } from '@/styles/colors';
 import { useAppDispatch } from '@/hooks/useAppDispatch';
 import { setShowTaskDrawer } from '@/features/task-drawer/task-drawer.slice';

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/taskListTableCells/TaskProgress.tsx

@@ -1,4 +1,4 @@
-import { Progress, Tooltip } from 'antd';
+import { Progress, Tooltip } from '@/shared/antd-imports';
 import React from 'react';
 import './TaskProgress.css';
 

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/taskListTableCells/TimeTracker.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Divider, Empty, Flex, Popover, Typography } from 'antd';
-import { PlayCircleFilled } from '@ant-design/icons';
+import { Divider, Empty, Flex, Popover, Typography } from '@/shared/antd-imports';
+import { PlayCircleFilled } from '@/shared/antd-imports';
 import { colors } from '../../../../../../styles/colors';
 import CustomAvatar from '../../../../../../components/CustomAvatar';
 import { mockTimeLogs } from './mockTimeLogs';

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/taskListTableRows/AddSubTaskListRow.tsx

@@ -1,4 +1,4 @@
-import { Input } from 'antd';
+import { Input } from '@/shared/antd-imports';
 import React, { useState } from 'react';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { colors } from '@/styles/colors';

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/taskListTableRows/AddTaskListRow.tsx

@@ -1,4 +1,4 @@
-import { Input } from 'antd';
+import { Input } from '@/shared/antd-imports';
 import React, { useState } from 'react';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { colors } from '@/styles/colors';

worklenz-frontend/src/pages/projects/project-view-1/updates/project-view-updates.tsx

@@ -11,7 +11,7 @@ import {
   Dropdown,
   Menu,
   Popconfirm,
-} from 'antd';
+} from '@/shared/antd-imports';
 import { useEffect, useState, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import DOMPurify from 'dompurify';
@@ -29,7 +29,7 @@ import { calculateTimeDifference } from '@/utils/calculate-time-difference';
 import { getUserSession } from '@/utils/session-helper';
 import './project-view-updates.css';
 import { useAppSelector } from '@/hooks/useAppSelector';
-import { DeleteOutlined } from '@ant-design/icons';
+import { DeleteOutlined } from '@/shared/antd-imports';
 
 const MAX_COMMENT_LENGTH = 2000;
 

worklenz-frontend/src/pages/projects/projectView/board/board-section/board-section-card/board-create-section-card.tsx

@@ -1,5 +1,5 @@
-import { Button, Flex } from 'antd';
-import { PlusOutlined } from '@ant-design/icons';
+import { Button, Flex } from '@/shared/antd-imports';
+import { PlusOutlined } from '@/shared/antd-imports';
 import { useTranslation } from 'react-i18next';
 import { nanoid } from '@reduxjs/toolkit';
 

worklenz-frontend/src/pages/projects/projectView/board/board-section/board-section-card/board-section-card-header.tsx

@@ -9,7 +9,7 @@ import {
   Popconfirm,
   Tooltip,
   Typography,
-} from 'antd';
+} from '@/shared/antd-imports';
 import {
   DeleteOutlined,
   EditOutlined,
@@ -18,8 +18,8 @@ import {
   MoreOutlined,
   PlusOutlined,
   RetweetOutlined,
-} from '@ant-design/icons';
-import { MenuProps } from 'antd';
+} from '@/shared/antd-imports';
+import { MenuProps } from '@/shared/antd-imports';
 import { useTranslation } from 'react-i18next';
 
 import ChangeCategoryDropdown from '@/components/board/changeCategoryDropdown/ChangeCategoryDropdown';

worklenz-frontend/src/pages/projects/projectView/board/board-section/board-section-card/board-section-card.tsx

@@ -1,4 +1,4 @@
-import { Button, Flex } from 'antd';
+import { Button, Flex } from '@/shared/antd-imports';
 import { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useDroppable } from '@dnd-kit/core';
@@ -9,7 +9,7 @@ import { CSS } from '@dnd-kit/utilities';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { themeWiseColor } from '@/utils/themeWiseColor';
 import BoardSectionCardHeader from './board-section-card-header';
-import { PlusOutlined } from '@ant-design/icons';
+import { PlusOutlined } from '@/shared/antd-imports';
 import BoardViewTaskCard from '../board-task-card/board-view-task-card';
 import BoardViewCreateTaskCard from '../board-task-card/board-view-create-task-card';
 import { ITaskListGroup } from '@/types/tasks/taskList.types';

worklenz-frontend/src/pages/projects/projectView/board/board-section/board-section-container.tsx

@@ -1,4 +1,4 @@
-import { Flex } from 'antd';
+import { Flex } from '@/shared/antd-imports';
 import { SortableContext, horizontalListSortingStrategy } from '@dnd-kit/sortable';
 import BoardSectionCard from './board-section-card/board-section-card';
 import BoardCreateSectionCard from './board-section-card/board-create-section-card';

worklenz-frontend/src/pages/projects/projectView/board/board-section/board-sub-task-card/board-create-sub-task-card.tsx

@@ -1,4 +1,4 @@
-import { Flex, Input, InputRef } from 'antd';
+import { Flex, Input, InputRef } from '@/shared/antd-imports';
 import React, { useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 

worklenz-frontend/src/pages/projects/projectView/board/board-section/board-sub-task-card/board-sub-task-card.tsx

@@ -1,12 +1,12 @@
 import { useCallback, useState } from 'react';
 import dayjs, { Dayjs } from 'dayjs';
-import { Col, Flex, Typography, List, Dropdown, MenuProps, Popconfirm } from 'antd';
+import { Col, Flex, Typography, List, Dropdown, MenuProps, Popconfirm } from '@/shared/antd-imports';
 import {
   UserAddOutlined,
   DeleteOutlined,
   ExclamationCircleFilled,
   InboxOutlined,
-} from '@ant-design/icons';
+} from '@/shared/antd-imports';
 import CustomAvatarGroup from '@/components/board/custom-avatar-group';
 import CustomDueDatePicker from '@/components/board/custom-due-date-picker';
 import { IProjectTask } from '@/types/project/projectTasksViewModel.types';

worklenz-frontend/src/pages/projects/projectView/board/board-section/board-task-card/board-view-create-task-card.tsx

@@ -1,4 +1,4 @@
-import { Button, Flex, Input, InputRef } from 'antd';
+import { Button, Flex, Input, InputRef } from '@/shared/antd-imports';
 import React, { useRef, useState, useEffect } from 'react';
 import { Dayjs } from 'dayjs';
 import { nanoid } from '@reduxjs/toolkit';

worklenz-frontend/src/pages/projects/projectView/board/board-section/board-task-card/board-view-task-card.tsx

@@ -12,7 +12,7 @@ import {
   Divider,
   Popconfirm,
   Skeleton,
-} from 'antd';
+} from '@/shared/antd-imports';
 import {
   DoubleRightOutlined,
   PauseOutlined,
@@ -25,7 +25,7 @@ import {
   CaretDownFilled,
   ExclamationCircleFilled,
   PlusOutlined,
-} from '@ant-design/icons';
+} from '@/shared/antd-imports';
 import dayjs, { Dayjs } from 'dayjs';
 import { useTranslation } from 'react-i18next';
 import { useSortable } from '@dnd-kit/sortable';

worklenz-frontend/src/pages/projects/projectView/files/project-view-files.tsx

@@ -8,7 +8,7 @@ import {
   TableProps,
   Tooltip,
   Typography,
-} from 'antd';
+} from '@/shared/antd-imports';
 import { useEffect, useState } from 'react';
 import { colors } from '@/styles/colors';
 import {
@@ -18,7 +18,7 @@ import {
   DeleteOutlined,
   ExclamationCircleFilled,
   ExclamationCircleOutlined,
-} from '@ant-design/icons';
+} from '@/shared/antd-imports';
 import { useTranslation } from 'react-i18next';
 import { durationDateFormat } from '@utils/durationDateFormat';
 import { DEFAULT_PAGE_SIZE, IconsMap } from '@/shared/constants';

worklenz-frontend/src/pages/projects/projectView/insights/insights-members/insights-members.tsx

@@ -1,4 +1,4 @@
-import { Card, Flex, Typography } from 'antd';
+import { Card, Flex, Typography } from '@/shared/antd-imports';
 import TaskByMembersTable from './tables/tasks-by-members';
 
 import MemberStats from '../member-stats/member-stats';

worklenz-frontend/src/pages/projects/projectView/insights/insights-members/tables/assigned-tasks-list.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { Flex, Tooltip, Typography } from 'antd';
+import { Flex, Tooltip, Typography } from '@/shared/antd-imports';
 
 import { projectInsightsApiService } from '@/api/projects/insights/project-insights.api.service';
 import { useAppSelector } from '@/hooks/useAppSelector';

worklenz-frontend/src/pages/projects/projectView/insights/insights-members/tables/tasks-by-members.tsx

@@ -1,9 +1,9 @@
 import { useEffect, useState } from 'react';
-import { Flex, Progress } from 'antd';
+import { Flex, Progress } from '@/shared/antd-imports';
 import { colors } from '@/styles/colors';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { themeWiseColor } from '@/utils/themeWiseColor';
-import { DownOutlined, ExclamationCircleOutlined, RightOutlined } from '@ant-design/icons';
+import { DownOutlined, ExclamationCircleOutlined, RightOutlined } from '@/shared/antd-imports';
 import logger from '@/utils/errorLogger';
 import { projectsApiService } from '@/api/projects/projects.api.service';
 import { useTranslation } from 'react-i18next';

worklenz-frontend/src/pages/projects/projectView/insights/insights-overview/graphs/priority-overview.tsx

@@ -1,7 +1,7 @@
 import { Bar } from 'react-chartjs-2';
 import { Chart, ArcElement, Tooltip, CategoryScale, LinearScale, BarElement } from 'chart.js';
 import { ChartOptions } from 'chart.js';
-import { Flex } from 'antd';
+import { Flex } from '@/shared/antd-imports';
 import { ITaskPriorityCounts } from '@/types/project/project-insights.types';
 import { useEffect, useState } from 'react';
 import { projectInsightsApiService } from '@/api/projects/insights/project-insights.api.service';

worklenz-frontend/src/pages/projects/projectView/insights/insights-overview/graphs/status-overview.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { Doughnut } from 'react-chartjs-2';
 import { Chart, ArcElement } from 'chart.js';
-import { Badge, Flex, Tooltip, Typography, Spin } from 'antd';
+import { Badge, Flex, Tooltip, Typography, Spin } from '@/shared/antd-imports';
 import { ChartOptions } from 'chart.js';
 import { projectInsightsApiService } from '@/api/projects/insights/project-insights.api.service';
 import { ITaskStatusCounts } from '@/types/project/project-insights.types';

worklenz-frontend/src/pages/projects/projectView/insights/insights-overview/insights-overview.tsx

@@ -1,4 +1,4 @@
-import { Button, Card, Flex, Typography } from 'antd';
+import { Button, Card, Flex, Typography } from '@/shared/antd-imports';
 
 import StatusOverview from './graphs/status-overview';
 import PriorityOverview from './graphs/priority-overview';

worklenz-frontend/src/pages/projects/projectView/insights/insights-overview/tables/last-updated-tasks.tsx

@@ -1,4 +1,4 @@
-import { Flex, Table, Tooltip, Typography } from 'antd';
+import { Flex, Table, Tooltip, Typography } from '@/shared/antd-imports';
 import { useEffect, useState } from 'react';
 import { colors } from '@/styles/colors';
 import { TableProps } from 'antd/lib';

worklenz-frontend/src/pages/projects/projectView/insights/insights-overview/tables/project-deadline.tsx

@@ -1,4 +1,4 @@
-import { Card, Flex, Skeleton, Table, Typography } from 'antd';
+import { Card, Flex, Skeleton, Table, Typography } from '@/shared/antd-imports';
 import { useEffect, useState } from 'react';
 import { colors } from '@/styles/colors';
 import { TableProps } from 'antd/lib';

worklenz-frontend/src/pages/projects/projectView/insights/insights-tasks/insights-tasks.tsx

@@ -1,5 +1,5 @@
-import { Button, Card, Flex, Tooltip, Typography } from 'antd';
-import { ExclamationCircleOutlined } from '@ant-design/icons';
+import { Button, Card, Flex, Tooltip, Typography } from '@/shared/antd-imports';
+import { ExclamationCircleOutlined } from '@/shared/antd-imports';
 import { colors } from '@/styles/colors';
 import OverdueTasksTable from './tables/overdue-tasks-table';
 import OverLoggedTasksTable from './tables/over-logged-tasks-table';

worklenz-frontend/src/pages/projects/projectView/insights/insights-tasks/tables/over-logged-tasks-table.tsx

@@ -1,8 +1,8 @@
-import { Avatar, Button, Flex, Table, Typography } from 'antd';
+import { Avatar, Button, Flex, Table, Typography } from '@/shared/antd-imports';
 import { useState, useEffect } from 'react';
 import { colors } from '@/styles/colors';
 import { TableProps } from 'antd/lib';
-import { PlusOutlined } from '@ant-design/icons';
+import { PlusOutlined } from '@/shared/antd-imports';
 import { IInsightTasks } from '@/types/project/projectInsights.types';
 import logger from '@/utils/errorLogger';
 import { projectInsightsApiService } from '@/api/projects/insights/project-insights.api.service';

worklenz-frontend/src/pages/projects/projectView/insights/insights-tasks/tables/overdue-tasks-table.tsx

@@ -1,4 +1,4 @@
-import { Flex, Table, Typography } from 'antd';
+import { Flex, Table, Typography } from '@/shared/antd-imports';
 import { useEffect, useState } from 'react';
 import { colors } from '@/styles/colors';
 import { TableProps } from 'antd/lib';

worklenz-frontend/src/pages/projects/projectView/insights/insights-tasks/tables/task-completed-early-table.tsx

@@ -1,4 +1,4 @@
-import { Flex, Table, Typography } from 'antd';
+import { Flex, Table, Typography } from '@/shared/antd-imports';
 import { TableProps } from 'antd/lib';
 import { useEffect, useState } from 'react';
 

worklenz-frontend/src/pages/projects/projectView/insights/insights-tasks/tables/task-completed-late-table.tsx

@@ -1,4 +1,4 @@
-import { Flex, Table, Typography } from 'antd';
+import { Flex, Table, Typography } from '@/shared/antd-imports';
 import { useEffect, useState } from 'react';
 import { colors } from '@/styles/colors';
 import { TableProps } from 'antd/lib';

worklenz-frontend/src/pages/projects/projectView/insights/member-stats/member-stats.tsx

@@ -1,5 +1,5 @@
 import ProjectStatsCard from '@/components/projects/project-stats-card';
-import { Flex } from 'antd';
+import { Flex } from '@/shared/antd-imports';
 import groupIcon from '@/assets/icons/insightsIcons/group.png';
 import warningIcon from '@/assets/icons/insightsIcons/warning.png';
 import unassignedIcon from '@/assets/icons/insightsIcons/block-user.png';

worklenz-frontend/src/pages/projects/projectView/insights/project-stats/project-stats.tsx

@@ -1,5 +1,5 @@
 import ProjectStatsCard from '@/components/projects/project-stats-card';
-import { Flex, Tooltip } from 'antd';
+import { Flex, Tooltip } from '@/shared/antd-imports';
 import checkIcon from '@assets/icons/insightsIcons/insights-check.png';
 import clipboardIcon from '@assets/icons/insightsIcons/clipboard.png';
 import clockIcon from '@assets/icons/insightsIcons/clock-green.png';

worklenz-frontend/src/pages/projects/projectView/insights/project-view-insights.tsx

@@ -1,5 +1,5 @@
-import { DownloadOutlined } from '@ant-design/icons';
-import { Badge, Button, Checkbox, Flex, Segmented } from 'antd';
+import { DownloadOutlined } from '@/shared/antd-imports';
+import { Badge, Button, Checkbox, Flex, Segmented } from '@/shared/antd-imports';
 import { useEffect, useRef, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';

worklenz-frontend/src/pages/projects/projectView/members/project-view-members.tsx

@@ -11,11 +11,11 @@ import {
   TableProps,
   Tooltip,
   Typography,
-  Input, // <-- Add this import
-} from 'antd';
+  Input
+} from '@/shared/antd-imports';
 
 // Icons
-import { DeleteOutlined, ExclamationCircleFilled, SyncOutlined } from '@ant-design/icons';
+import { DeleteOutlined, ExclamationCircleFilled, SyncOutlined } from '@/shared/antd-imports';
 
 // React & Router
 import { useEffect, useState } from 'react';

worklenz-frontend/src/pages/projects/projectView/project-view-header.tsx

@@ -65,7 +65,7 @@ import { addTaskCardToTheTop, fetchBoardTaskGroups } from '@/features/board/boar
 import { fetchPhasesByProjectId } from '@/features/projects/singleProject/phase/phases.slice';
 import { fetchEnhancedKanbanGroups } from '@/features/enhanced-kanban/enhanced-kanban.slice';
 import { fetchTasksV3 } from '@/features/task-management/task-management.slice';
-import { ShareAltOutlined } from '@ant-design/icons';
+import { ShareAltOutlined } from '@/shared/antd-imports';
 import { fetchStatuses } from '@/features/taskAttributes/taskStatusSlice';
 
 const ProjectViewHeader = memo(() => {

worklenz-frontend/src/pages/projects/projectView/project-view.tsx

@@ -10,7 +10,6 @@ import {
   Tabs,
   PushpinFilled,
   PushpinOutlined,
-  type TabsProps,
 } from '@/shared/antd-imports';
 
 import { useAppDispatch } from '@/hooks/useAppDispatch';
@@ -41,7 +40,6 @@ import { SuspenseFallback } from '@/components/suspense-fallback/suspense-fallba
 import { useTranslation } from 'react-i18next';
 import { useTimerInitialization } from '@/hooks/useTimerInitialization';
 
-
 // Import critical components synchronously to avoid suspense interruptions
 import TaskDrawer from '@components/task-drawer/task-drawer';
 

worklenz-frontend/src/pages/projects/projectView/taskList/components/task-group/task-group.tsx

@@ -8,7 +8,7 @@ import Dropdown from 'antd/es/dropdown';
 import Input from 'antd/es/input';
 import Typography from 'antd/es/typography';
 import { MenuProps } from 'antd/es/menu';
-import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@ant-design/icons';
+import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@/shared/antd-imports';
 
 import { colors } from '@/styles/colors';
 import { useAppSelector } from '@/hooks/useAppSelector';

worklenz-frontend/src/pages/projects/projectView/taskList/groupTables/TaskGroupList.tsx

@@ -17,7 +17,7 @@ import {
   DragEndEvent,
   DragStartEvent,
 } from '@dnd-kit/core';
-import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@ant-design/icons';
+import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@/shared/antd-imports';
 
 import { colors } from '@/styles/colors';
 import { useAppSelector } from '@/hooks/useAppSelector';

worklenz-frontend/src/pages/projects/projectView/taskList/groupTables/priorityTables/PriorityGroupTables.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TaskPriorityType, TaskType } from '../../../../../../types/task.types';
-import { Flex } from 'antd';
+import { Flex } from '@/shared/antd-imports';
 import TaskListTableWrapper from '../../task-list-table/task-list-table-wrapper/task-list-table-wrapper';
 import { useAppSelector } from '../../../../../../hooks/useAppSelector';
 import { getPriorityColor } from '../../../../../../utils/getPriorityColors';

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/context-menu/task-context-menu.tsx

@@ -5,8 +5,8 @@ import {
   LoadingOutlined,
   RetweetOutlined,
   UserAddOutlined,
-} from '@ant-design/icons';
-import { Badge, Dropdown, Flex, Typography, Modal } from 'antd';
+} from '@/shared/antd-imports';
+import { Badge, Dropdown, Flex, Typography, Modal } from '@/shared/antd-imports';
 import { MenuProps } from 'antd/lib';
 import { useState } from 'react';
 import { TFunction } from 'i18next';

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-cells/custom-column-label-cell/custom-column-label-cell.tsx

@@ -1,6 +1,6 @@
-import { Badge, Card, Dropdown, Empty, Flex, Menu, MenuProps, Typography } from 'antd';
+import { Badge, Card, Dropdown, Empty, Flex, Menu, MenuProps, Typography } from '@/shared/antd-imports';
 import React, { useState, useEffect } from 'react';
-import { DownOutlined } from '@ant-design/icons';
+import { DownOutlined } from '@/shared/antd-imports';
 // custom css file
 import './custom-column-label-cell.css';
 import { useTranslation } from 'react-i18next';

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-cells/custom-column-selection-cell/custom-column-selection-cell.tsx

@@ -1,6 +1,6 @@
-import { Badge, Card, Dropdown, Empty, Flex, Menu, MenuProps, Typography } from 'antd';
+import { Badge, Card, Dropdown, Empty, Flex, Menu, MenuProps, Typography } from '@/shared/antd-imports';
 import React, { useState, useEffect } from 'react';
-import { DownOutlined } from '@ant-design/icons';
+import { DownOutlined } from '@/shared/antd-imports';
 // custom css file
 import './custom-column-selection-cell.css';
 import { useTranslation } from 'react-i18next';

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-header/custom-column-header.tsx

@@ -1,5 +1,5 @@
-import { SettingOutlined } from '@ant-design/icons';
-import { Button, Flex, Tooltip, Typography } from 'antd';
+import { SettingOutlined } from '@/shared/antd-imports';
+import { Button, Flex, Tooltip, Typography } from '@/shared/antd-imports';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import CustomColumnModal from '../custom-column-modal/custom-column-modal';

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-modal/add-custom-column-button.tsx

@@ -1,5 +1,5 @@
-import { PlusOutlined } from '@ant-design/icons';
-import { Button, Tooltip } from 'antd';
+import { PlusOutlined } from '@/shared/antd-imports';
+import { Button, Tooltip } from '@/shared/antd-imports';
 import { useAppDispatch } from '@/hooks/useAppDispatch';
 import {
   setCustomColumnModalAttributes,

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-modal/custom-column-modal.tsx

@@ -51,7 +51,7 @@ import {
 } from '@/features/task-management/task-management.slice';
 import { useParams } from 'react-router-dom';
 import { tasksCustomColumnsService } from '@/api/tasks/tasks-custom-columns.service';
-import { ExclamationCircleFilled } from '@ant-design/icons';
+import { ExclamationCircleFilled } from '@/shared/antd-imports';
 
 const CustomColumnModal = () => {
   const [mainForm] = Form.useForm();

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-modal/formula-type-column/formula-type-column.tsx

@@ -1,4 +1,4 @@
-import { Flex, Form, Select, Typography } from 'antd';
+import { Flex, Form, Select, Typography } from '@/shared/antd-imports';
 import React from 'react';
 import { themeWiseColor } from '../../../../../../../../utils/themeWiseColor';
 import { useAppSelector } from '../../../../../../../../hooks/useAppSelector';

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-modal/key-type-column/key-type-column.tsx

@@ -1,4 +1,4 @@
-import { Flex, Form, Input, Typography } from 'antd';
+import { Flex, Form, Input, Typography } from '@/shared/antd-imports';
 import React, { useState } from 'react';
 
 const KeyTypeColumn = () => {

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-modal/label-type-column/label-type-column.tsx

@@ -1,8 +1,8 @@
 import React, { useState, useEffect } from 'react';
 import { nanoid } from 'nanoid';
 import { PhaseColorCodes } from '../../../../../../../../shared/constants';
-import { Button, Flex, Input, Select, Tag, Typography } from 'antd';
-import { CloseCircleOutlined, HolderOutlined } from '@ant-design/icons';
+import { Button, Flex, Input, Select, Tag, Typography } from '@/shared/antd-imports';
+import { CloseCircleOutlined, HolderOutlined } from '@/shared/antd-imports';
 import { useAppDispatch } from '../../../../../../../../hooks/useAppDispatch';
 import { useAppSelector } from '../../../../../../../../hooks/useAppSelector';
 import { setLabelsList } from '../../../../../../../../features/projects/singleProject/task-list-custom-columns/task-list-custom-columns-slice';

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-modal/number-type-column/formatted-type-number-column.tsx

@@ -1,4 +1,4 @@
-import { Form, Select, Typography } from 'antd';
+import { Form, Select, Typography } from '@/shared/antd-imports';
 import React from 'react';
 import { useAppSelector } from '../../../../../../../../hooks/useAppSelector';
 import { themeWiseColor } from '../../../../../../../../utils/themeWiseColor';

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-modal/number-type-column/number-type-column.tsx

@@ -1,4 +1,4 @@
-import { Form, Select, Typography } from 'antd';
+import { Form, Select, Typography } from '@/shared/antd-imports';
 import React from 'react';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { themeWiseColor } from '@/utils/themeWiseColor';

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-modal/number-type-column/percentage-type-number-column.tsx

@@ -1,4 +1,4 @@
-import { Form, Select, Typography } from 'antd';
+import { Form, Select, Typography } from '@/shared/antd-imports';
 import React from 'react';
 import { useAppSelector } from '@/hooks/useAppSelector';
 import { themeWiseColor } from '@/utils/themeWiseColor';

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-modal/number-type-column/unformatted-type-number-column.tsx

@@ -1,4 +1,4 @@
-import { Form, Typography } from 'antd';
+import { Form, Typography } from '@/shared/antd-imports';
 import React from 'react';
 import { useAppSelector } from '../../../../../../../../hooks/useAppSelector';
 

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-modal/number-type-column/with-label-type-number-column.tsx

@@ -1,4 +1,4 @@
-import { Form, Input, Select, Typography } from 'antd';
+import { Form, Input, Select, Typography } from '@/shared/antd-imports';
 import React from 'react';
 import { useAppSelector } from '../../../../../../../../hooks/useAppSelector';
 import { themeWiseColor } from '../../../../../../../../utils/themeWiseColor';

worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-modal/selection-type-column/selection-type-column.tsx

@@ -1,8 +1,8 @@
 import React, { useState, useEffect } from 'react';
 import { nanoid } from 'nanoid';
 import { PhaseColorCodes } from '../../../../../../../../shared/constants';
-import { Button, Flex, Input, Select, Tag, Typography } from 'antd';
-import { CloseCircleOutlined, HolderOutlined } from '@ant-design/icons';
+import { Button, Flex, Input, Select, Tag, Typography } from '@/shared/antd-imports';
+import { CloseCircleOutlined, HolderOutlined } from '@/shared/antd-imports';
 
 import { useAppDispatch } from '../../../../../../../../hooks/useAppDispatch';
 import { useAppSelector } from '../../../../../../../../hooks/useAppSelector';