refactor: move Tabler Icon exports to twenty-ui (#4727)

Split from https://github.com/twentyhq/twenty/pull/4518

packages/twenty-front/src/modules/ui/display/checkmark/components/Checkmark.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
-
-import { IconCheck } from '@/ui/display/icon';
+import { IconCheck } from 'twenty-ui';
 
 const StyledContainer = styled.div`
   align-items: center;

packages/twenty-front/src/modules/ui/display/icon/components/IconAddressBook.tsx

@@ -1,4 +1,4 @@
-import { TablerIconsProps } from '@/ui/display/icon';
+import { TablerIconsProps } from 'twenty-ui';
 
 import IconAddressBookRaw from '../assets/address-book.svg?react';
 

packages/twenty-front/src/modules/ui/display/icon/components/IconTwentyStar.tsx

@@ -1,4 +1,4 @@
-import { TablerIconsProps } from '@/ui/display/icon';
+import { TablerIconsProps } from 'twenty-ui';
 
 import IconTwentyStarRaw from '../assets/twenty-star.svg?react';
 

packages/twenty-front/src/modules/ui/display/icon/components/IconTwentyStarFilled.tsx

@@ -1,4 +1,4 @@
-import { TablerIconsProps } from '@/ui/display/icon';
+import { TablerIconsProps } from 'twenty-ui';
 
 import IconTwentyStarFilledRaw from '../assets/twenty-star-filled.svg?react';
 

packages/twenty-front/src/modules/ui/display/icon/hooks/__tests__/useIcons.test.ts

@@ -1,7 +1,7 @@
 import { renderHook } from '@testing-library/react';
 import * as recoil from 'recoil';
+import { Icon123, IconBuildingSkyscraper, IconUser } from 'twenty-ui';
 
-import { Icon123, IconBuildingSkyscraper, IconUser } from '@/ui/display/icon';
 import { useIcons } from '@/ui/display/icon/hooks/useIcons';
 
 describe('useIcons', () => {

packages/twenty-front/src/modules/ui/display/icon/hooks/useIcons.ts

@@ -1,6 +1,6 @@
 import { useRecoilValue } from 'recoil';
+import { Icon123 } from 'twenty-ui';
 
-import { Icon123 } from '@/ui/display/icon';
 import { iconsState } from '@/ui/display/icon/states/iconsState';
 
 export const useIcons = () => {

packages/twenty-front/src/modules/ui/display/icon/index.ts

@@ -1,138 +0,0 @@
-/* eslint-disable no-restricted-imports */
-export type { TablerIconsProps } from '@tabler/icons-react';
-export {
-  Icon123,
-  IconAlertCircle,
-  IconAlertTriangle,
-  IconApps,
-  IconArchive,
-  IconArchiveOff,
-  IconArrowBackUp,
-  IconArrowDown,
-  IconArrowLeft,
-  IconArrowRight,
-  IconArrowUp,
-  IconArrowUpRight,
-  IconAt,
-  IconBaselineDensitySmall,
-  IconBell,
-  IconBolt,
-  IconBook2,
-  IconBox,
-  IconBrandGithub,
-  IconBrandGoogle,
-  IconBrandLinkedin,
-  IconBrandX,
-  IconBriefcase,
-  IconBuildingSkyscraper,
-  IconCalendar,
-  IconCalendarEvent,
-  IconCalendarX,
-  IconCheck,
-  IconCheckbox,
-  IconChevronDown,
-  IconChevronLeft,
-  IconChevronRight,
-  IconChevronsRight,
-  IconChevronUp,
-  IconCircleDot,
-  IconCircleOff,
-  IconCirclePlus,
-  IconCircleX,
-  IconClick,
-  IconCode,
-  IconCoins,
-  IconColorSwatch,
-  IconMessageCircle as IconComment,
-  IconCopy,
-  IconCreditCard,
-  IconCurrencyDollar,
-  IconCurrencyEuro,
-  IconCurrencyFrank,
-  IconCurrencyPound,
-  IconCurrencyYen,
-  IconCurrencyYuan,
-  IconDatabase,
-  IconDeviceFloppy,
-  IconDoorEnter,
-  IconDotsVertical,
-  IconDownload,
-  IconEditCircle,
-  IconEye,
-  IconEyeOff,
-  IconFile,
-  IconFileCheck,
-  IconFileExport,
-  IconFileImport,
-  IconFileText,
-  IconFileUpload,
-  IconFileZip,
-  IconFilterOff,
-  IconFocusCentered,
-  IconForbid,
-  IconGripVertical,
-  IconH1,
-  IconH2,
-  IconH3,
-  IconHeadphones,
-  IconHeart,
-  IconHeartOff,
-  IconHelpCircle,
-  IconHierarchy2,
-  IconInbox,
-  IconInfoCircle,
-  IconKey,
-  IconLanguage,
-  IconLayersLinked,
-  IconLayoutKanban,
-  IconLayoutSidebarLeftCollapse,
-  IconLayoutSidebarRightCollapse,
-  IconLayoutSidebarRightExpand,
-  IconLink,
-  IconLinkOff,
-  IconList,
-  IconListNumbers,
-  IconLock,
-  IconMail,
-  IconMailCog,
-  IconMap,
-  IconMinus,
-  IconMoneybag,
-  IconMouse2,
-  IconNotes,
-  IconNumbers,
-  IconPaperclip,
-  IconPencil,
-  IconPhone,
-  IconPhoto,
-  IconPilcrow,
-  IconPlug,
-  IconPlus,
-  IconPresentation,
-  IconProgressCheck,
-  IconPuzzle,
-  IconRefresh,
-  IconRelationManyToMany,
-  IconRelationOneToMany,
-  IconRelationOneToOne,
-  IconRepeat,
-  IconSearch,
-  IconSend,
-  IconSettings,
-  IconTable,
-  IconTag,
-  IconTarget,
-  IconTargetArrow,
-  IconTextSize,
-  IconTimelineEvent,
-  IconTrash,
-  IconUnlink,
-  IconUpload,
-  IconUser,
-  IconUserCircle,
-  IconUsers,
-  IconVideo,
-  IconWand,
-  IconWorld,
-  IconX,
-} from '@tabler/icons-react';

packages/twenty-front/src/modules/ui/display/info/components/Info.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { css, useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
+import { IconInfoCircle } from 'twenty-ui';
 
-import { IconInfoCircle } from '@/ui/display/icon';
 import { Button } from '@/ui/input/button/components/Button.tsx';
 
 export type InfoAccent = 'blue' | 'danger';