[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/command-menu/states/commandMenuNavigationMorphItemsState.ts

@@ -1,5 +1,5 @@
 import { MorphItem } from '@/object-record/multiple-objects/types/MorphItem';
-import { createState } from '@ui/utilities/state/utils/createState';
+import { createState } from 'twenty-ui/utilities';
 
 export const commandMenuNavigationMorphItemByPageState = createState<
   Map<string, MorphItem>

packages/twenty-front/src/modules/command-menu/states/commandMenuNavigationRecordsState.ts

@@ -1,6 +1,6 @@
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 import { ObjectRecord } from '@/object-record/types/ObjectRecord';
-import { createState } from '@ui/utilities/state/utils/createState';
+import { createState } from 'twenty-ui/utilities';
 
 export const commandMenuNavigationRecordsState = createState<
   {

packages/twenty-front/src/modules/command-menu/states/commandMenuNavigationStackState.ts

@@ -1,5 +1,6 @@
 import { CommandMenuPages } from '@/command-menu/types/CommandMenuPages';
-import { IconComponent, createState } from 'twenty-ui';
+import { IconComponent } from 'twenty-ui/display';
+import { createState } from 'twenty-ui/utilities';
 
 export type CommandMenuNavigationStackItem = {
   page: CommandMenuPages;

packages/twenty-front/src/modules/command-menu/states/commandMenuPageInfoState.ts

@@ -1,5 +1,5 @@
-import { createState } from '@ui/utilities/state/utils/createState';
-import { IconComponent } from 'twenty-ui';
+import { IconComponent } from 'twenty-ui/display';
+import { createState } from 'twenty-ui/utilities';
 
 export const commandMenuPageInfoState = createState<{
   title?: string;

packages/twenty-front/src/modules/command-menu/states/commandMenuPageState.ts

@@ -1,5 +1,5 @@
 import { CommandMenuPages } from '@/command-menu/types/CommandMenuPages';
-import { createState } from '@ui/utilities/state/utils/createState';
+import { createState } from 'twenty-ui/utilities';
 
 export const commandMenuPageState = createState<CommandMenuPages>({
   key: 'command-menu/commandMenuPageState',

packages/twenty-front/src/modules/command-menu/states/commandMenuSearchState.ts

@@ -1,5 +1,4 @@
-import { createState } from '@ui/utilities/state/utils/createState';
-
+import { createState } from 'twenty-ui/utilities';
 export const commandMenuSearchState = createState<string>({
   key: 'command-menu/commandMenuSearchState',
   defaultValue: '',

packages/twenty-front/src/modules/command-menu/states/hasUserSelectedCommandState.ts

@@ -1,5 +1,4 @@
-import { createState } from 'twenty-ui';
-
+import { createState } from 'twenty-ui/utilities';
 export const hasUserSelectedCommandState = createState({
   key: 'hasUserSelectedCommandState',
   defaultValue: false,

packages/twenty-front/src/modules/command-menu/states/isCommandMenuClosingState.ts

@@ -1,5 +1,4 @@
-import { createState } from 'twenty-ui';
-
+import { createState } from 'twenty-ui/utilities';
 export const isCommandMenuClosingState = createState({
   key: 'command-menu/isCommandMenuClosingState',
   defaultValue: false,