[REFACTOR] Twenty UI multi barrel (#11301)

# Introduction
closes https://github.com/twentyhq/core-team-issues/issues/591
Same than for `twenty-shared` made in
https://github.com/twentyhq/twenty/pull/11083.

## TODO
- [x] Manual migrate twenty-website twenty-ui imports

## What's next:
- Generate barrel and migration script factorization within own package
+ tests
- Refactoring using preconstruct ? TimeBox
- Lint circular dependencies
- Lint import from barrel and forbid them

### Preconstruct
We need custom rollup plugins addition, but preconstruct does not expose
its rollup configuration. It might be possible to handle this using the
babel overrides. But was a big tunnel.
We could give it a try afterwards ! ( allowing cjs interop and stuff
like that )
Stuck to vite lib app

Closed related PRs:
- https://github.com/twentyhq/twenty/pull/11294
- https://github.com/twentyhq/twenty/pull/11203

packages/twenty-front/src/modules/favorites/components/CurrentWorkspaceMemberFavorites.tsx

@@ -21,13 +21,9 @@ import { useContext, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { useLocation } from 'react-router-dom';
 import { useRecoilState } from 'recoil';
-import {
-  AnimatedExpandableContainer,
-  IconFolder,
-  IconFolderOpen,
-  IconHeartOff,
-  LightIconButton,
-} from 'twenty-ui';
+import { AnimatedExpandableContainer } from 'twenty-ui/layout';
+import { IconFolder, IconFolderOpen, IconHeartOff } from 'twenty-ui/display';
+import { LightIconButton } from 'twenty-ui/input';
 
 type CurrentWorkspaceMemberFavoritesProps = {
   folder: {

packages/twenty-front/src/modules/favorites/components/CurrentWorkspaceMemberFavoritesFolders.tsx

@@ -13,8 +13,9 @@ import { NavigationDrawerSectionTitle } from '@/ui/navigation/navigation-drawer/
 import { useNavigationSection } from '@/ui/navigation/navigation-drawer/hooks/useNavigationSection';
 import { useLingui } from '@lingui/react/macro';
 import { useRecoilState, useRecoilValue } from 'recoil';
-import { IconFolderPlus, LightIconButton } from 'twenty-ui';
 import { isDefined } from 'twenty-shared/utils';
+import { IconFolderPlus } from 'twenty-ui/display';
+import { LightIconButton } from 'twenty-ui/input';
 
 export const CurrentWorkspaceMemberFavoritesFolders = () => {
   const currentWorkspaceMember = useRecoilValue(currentWorkspaceMemberState);

packages/twenty-front/src/modules/favorites/components/CurrentWorkspaceMemberOrphanFavorites.tsx

@@ -7,10 +7,10 @@ import { isLocationMatchingFavorite } from '@/favorites/utils/isLocationMatching
 import { DraggableItem } from '@/ui/layout/draggable-list/components/DraggableItem';
 import { NavigationDrawerItem } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerItem';
 import styled from '@emotion/styled';
-import { LightIconButton } from '@ui/input/button/components/LightIconButton';
 import { useContext } from 'react';
 import { useLocation } from 'react-router-dom';
-import { IconHeartOff } from 'twenty-ui';
+import { IconHeartOff } from 'twenty-ui/display';
+import { LightIconButton } from 'twenty-ui/input';
 
 const StyledEmptyContainer = styled.div`
   width: 100%;

packages/twenty-front/src/modules/favorites/components/FavoriteFolderNavigationDrawerItemDropdown.tsx

@@ -1,14 +1,9 @@
 import { FavoriteFolderHotkeyScope } from '@/favorites/constants/FavoriteFolderRightIconDropdownHotkeyScope';
 import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown';
 import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer';
-
-import {
-  IconDotsVertical,
-  IconPencil,
-  IconTrash,
-  LightIconButton,
-  MenuItem,
-} from 'twenty-ui';
+import { IconDotsVertical, IconPencil, IconTrash } from 'twenty-ui/display';
+import { LightIconButton } from 'twenty-ui/input';
+import { MenuItem } from 'twenty-ui/navigation';
 
 type FavoriteFolderNavigationDrawerItemDropdownProps = {
   folderId: string;

packages/twenty-front/src/modules/favorites/components/FavoriteIcon.tsx

@@ -1,7 +1,7 @@
 import { ProcessedFavorite } from '@/favorites/utils/sortFavorites';
 import { useGetStandardObjectIcon } from '@/object-metadata/hooks/useGetStandardObjectIcon';
 import { useTheme } from '@emotion/react';
-import { Avatar, useIcons } from 'twenty-ui';
+import { Avatar, useIcons } from 'twenty-ui/display';
 
 export const FavoriteIcon = ({ favorite }: { favorite: ProcessedFavorite }) => {
   const theme = useTheme();

packages/twenty-front/src/modules/favorites/components/FavoritesFolders.tsx

@@ -7,7 +7,7 @@ import { NavigationDrawerAnimatedCollapseWrapper } from '@/ui/navigation/navigat
 import { NavigationDrawerInput } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerInput';
 import { useState } from 'react';
 import { useRecoilState } from 'recoil';
-import { IconFolder } from 'twenty-ui';
+import { IconFolder } from 'twenty-ui/display';
 
 type FavoriteFoldersProps = {
   isNavigationSectionOpen: boolean;

packages/twenty-front/src/modules/favorites/components/PageFavoriteButton.tsx

@@ -1,4 +1,5 @@
-import { Button, IconHeart, IconHeartOff } from 'twenty-ui';
+import { Button } from 'twenty-ui/input';
+import { IconHeart, IconHeartOff } from 'twenty-ui/display';
 
 type PageFavoriteButtonProps = {
   isFavorite: boolean;