[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/auth/states/availableIdentityProviderForAuthState.ts

@@ -1,5 +1,5 @@
-import { createState } from '@ui/utilities/state/utils/createState';
 import { UserExists } from '~/generated/graphql';
+import { createState } from 'twenty-ui/utilities';
 
 export const availableSSOIdentityProvidersForAuthState = createState<
   NonNullable<UserExists['availableWorkspaces']>[0]['sso']

packages/twenty-front/src/modules/auth/states/billingCheckoutSessionState.ts

@@ -1,7 +1,7 @@
 import { BillingCheckoutSession } from '@/auth/types/billingCheckoutSession.type';
 import { BILLING_CHECKOUT_SESSION_DEFAULT_VALUE } from '@/billing/constants/BillingCheckoutSessionDefaultValue';
-import { createState } from '@ui/utilities/state/utils/createState';
 import { syncEffect } from 'recoil-sync';
+import { createState } from 'twenty-ui/utilities';
 
 export const billingCheckoutSessionState = createState<BillingCheckoutSession>({
   key: 'billingCheckoutSessionState',

packages/twenty-front/src/modules/auth/states/currentUserState.ts

@@ -1,6 +1,5 @@
-import { createState } from '@ui/utilities/state/utils/createState';
-
 import { User } from '~/generated/graphql';
+import { createState } from 'twenty-ui/utilities';
 
 export type CurrentUser = Pick<
   User,

packages/twenty-front/src/modules/auth/states/currentUserWorkspaceState.ts

@@ -1,5 +1,5 @@
-import { createState } from '@ui/utilities/state/utils/createState';
 import { UserWorkspace } from '~/generated/graphql';
+import { createState } from 'twenty-ui/utilities';
 
 export type CurrentUserWorkspace = Pick<
   UserWorkspace,

packages/twenty-front/src/modules/auth/states/currentWorkspaceMemberState.ts

@@ -1,6 +1,5 @@
-import { createState } from '@ui/utilities/state/utils/createState';
-
 import { WorkspaceMember } from '@/workspace-member/types/WorkspaceMember';
+import { createState } from 'twenty-ui/utilities';
 
 export type CurrentWorkspaceMember = Omit<
   WorkspaceMember,

packages/twenty-front/src/modules/auth/states/currentWorkspaceMembersStates.ts

@@ -1,5 +1,5 @@
 import { CurrentWorkspaceMember } from '@/auth/states/currentWorkspaceMemberState';
-import { createState } from '@ui/utilities/state/utils/createState';
+import { createState } from 'twenty-ui/utilities';
 
 export const currentWorkspaceMembersState = createState<
   CurrentWorkspaceMember[]

packages/twenty-front/src/modules/auth/states/currentWorkspaceState.ts

@@ -1,6 +1,5 @@
-import { createState } from '@ui/utilities/state/utils/createState';
-
 import { Role, Workspace } from '~/generated/graphql';
+import { createState } from 'twenty-ui/utilities';
 
 export type CurrentWorkspace = Pick<
   Workspace,

packages/twenty-front/src/modules/auth/states/isCurrentUserLoadingState.ts

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

packages/twenty-front/src/modules/auth/states/previousUrlState.ts

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

packages/twenty-front/src/modules/auth/states/signInUpModeState.ts

@@ -1,5 +1,5 @@
 import { SignInUpMode } from '@/auth/types/signInUpMode';
-import { createState } from '@ui/utilities/state/utils/createState';
+import { createState } from 'twenty-ui/utilities';
 
 export const signInUpModeState = createState<SignInUpMode>({
   key: 'signInUpModeState',

packages/twenty-front/src/modules/auth/states/signInUpStepState.ts

@@ -1,5 +1,4 @@
-import { createState } from '@ui/utilities/state/utils/createState';
-
+import { createState } from 'twenty-ui/utilities';
 export enum SignInUpStep {
   Init = 'init',
   Email = 'email',

packages/twenty-front/src/modules/auth/states/tokenPairState.ts

@@ -1,7 +1,7 @@
-import { createState } from '@ui/utilities/state/utils/createState';
-
 import { AuthTokenPair } from '~/generated/graphql';
 import { cookieStorageEffect } from '~/utils/recoil-effects';
+import { createState } from 'twenty-ui/utilities';
+
 export const tokenPairState = createState<AuthTokenPair | null>({
   key: 'tokenPairState',
   defaultValue: null,

packages/twenty-front/src/modules/auth/states/workspacePublicDataState.ts

@@ -1,5 +1,5 @@
-import { createState } from '@ui/utilities/state/utils/createState';
 import { PublicWorkspaceDataOutput } from '~/generated/graphql';
+import { createState } from 'twenty-ui/utilities';
 
 export const workspacePublicDataState =
   createState<PublicWorkspaceDataOutput | null>({

packages/twenty-front/src/modules/auth/states/workspaces.ts

@@ -1,5 +1,5 @@
-import { createState } from '@ui/utilities/state/utils/createState';
 import { Workspace } from '~/generated/graphql';
+import { createState } from 'twenty-ui/utilities';
 
 export type Workspaces = Pick<
   Workspace,