Migrate twenty ui to jotai (#17900)

## Remove Recoil from twenty-ui

Completely removes the `recoil` dependency from `twenty-ui` by
converting all atoms, hooks, and providers to Jotai equivalents.

### twenty-ui
- `createState` now returns a Jotai `PrimitiveAtom` instead of a Recoil
atom
- `iconsState`, `IconsProvider`, `useIcons` converted to Jotai
(`useSetAtom`, `useAtomValue`)
- `RecoilRootDecorator` now uses Jotai `Provider` (name kept for compat)
- Deleted unused `invalidAvatarUrlsState` (Avatar already uses
`invalidAvatarUrlsAtomV2`)
- Removed `recoil` from `package.json`

### twenty-front
- Created local Recoil `createState` at
`@/ui/utilities/state/utils/createState` for ~112 state files still on
Recoil
- Updated all imports accordingly
- Removed `iconsState` from Recoil snapshot preservation in `useAuth`
(lives in Jotai store now)

packages/twenty-front/src/modules/client-config/states/aiModelsState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 import { type ClientAiModelConfig } from '~/generated-metadata/graphql';
 
 export const aiModelsState = createState<ClientAiModelConfig[]>({

packages/twenty-front/src/modules/client-config/states/allowRequestsToTwentyIcons.ts

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

packages/twenty-front/src/modules/client-config/states/apiConfigState.ts

@@ -1,5 +1,5 @@
 import { type ApiConfig } from '~/generated-metadata/graphql';
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 
 export const apiConfigState = createState<ApiConfig | null>({
   key: 'apiConfigState',

packages/twenty-front/src/modules/client-config/states/appVersionState.ts

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

packages/twenty-front/src/modules/client-config/states/authProvidersState.ts

@@ -1,5 +1,5 @@
 import { type AuthProviders } from '~/generated-metadata/graphql';
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 
 export const authProvidersState = createState<AuthProviders>({
   key: 'authProvidersState',

packages/twenty-front/src/modules/client-config/states/billingState.ts

@@ -1,5 +1,5 @@
 import { type Billing } from '~/generated-metadata/graphql';
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 
 export const billingState = createState<Billing | null>({
   key: 'billingState',

packages/twenty-front/src/modules/client-config/states/calendarBookingPageIdState.ts

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

packages/twenty-front/src/modules/client-config/states/canManageFeatureFlagsState.ts

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

packages/twenty-front/src/modules/client-config/states/captchaState.ts

@@ -1,5 +1,5 @@
 import { type Captcha } from '~/generated-metadata/graphql';
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 
 export const captchaState = createState<Captcha | null>({
   key: 'captchaState',

packages/twenty-front/src/modules/client-config/states/chromeExtensionIdState.ts

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

packages/twenty-front/src/modules/client-config/states/clientConfigApiStatusState.ts

@@ -1,5 +1,5 @@
 import { type ClientConfig } from '@/client-config/types/ClientConfig';
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 
 type ClientConfigApiStatus = {
   isLoadedOnce: boolean;

packages/twenty-front/src/modules/client-config/states/isAnalyticsEnabledState.ts

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

packages/twenty-front/src/modules/client-config/states/isAttachmentPreviewEnabledState.ts

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

packages/twenty-front/src/modules/client-config/states/isClickHouseConfiguredState.ts

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

packages/twenty-front/src/modules/client-config/states/isCloudflareIntegrationEnabledState.ts

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

packages/twenty-front/src/modules/client-config/states/isConfigVariablesInDbEnabledState.ts

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

packages/twenty-front/src/modules/client-config/states/isDeveloperDefaultSignInPrefilledState.ts

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

packages/twenty-front/src/modules/client-config/states/isEmailVerificationRequiredState.ts

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

packages/twenty-front/src/modules/client-config/states/isEmailingDomainsEnabledState.ts

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

packages/twenty-front/src/modules/client-config/states/isGoogleCalendarEnabledState.ts

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

packages/twenty-front/src/modules/client-config/states/isGoogleMessagingEnabledState.ts

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

packages/twenty-front/src/modules/client-config/states/isImapSmtpCaldavEnabledState.ts

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

packages/twenty-front/src/modules/client-config/states/isMicrosoftCalendarEnabledState.ts

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

packages/twenty-front/src/modules/client-config/states/isMicrosoftMessagingEnabledState.ts

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

packages/twenty-front/src/modules/client-config/states/isMultiWorkspaceEnabledState.ts

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

packages/twenty-front/src/modules/client-config/states/sentryConfigState.ts

@@ -1,5 +1,5 @@
 import { type Sentry } from '~/generated-metadata/graphql';
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 
 export const sentryConfigState = createState<Sentry | null>({
   key: 'sentryConfigState',

packages/twenty-front/src/modules/client-config/states/supportChatState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 import { type Support, SupportDriver } from '~/generated-metadata/graphql';
 
 export const supportChatState = createState<Support>({