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/object-record/record-field/ui/states/lastShowPageRecordId.ts

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

packages/twenty-front/src/modules/object-record/record-index/states/recordIndexCalendarFieldMetadataIdState.ts

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

packages/twenty-front/src/modules/object-record/record-index/states/recordIndexCalendarLayoutState.ts

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

packages/twenty-front/src/modules/object-record/record-index/states/recordIndexFieldDefinitionsState.ts

@@ -1,6 +1,6 @@
 import { type FieldMetadata } from '@/object-record/record-field/ui/types/FieldMetadata';
 import { type ColumnDefinition } from '@/object-record/record-table/types/ColumnDefinition';
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 
 export const recordIndexFieldDefinitionsState = createState<
   ColumnDefinition<FieldMetadata>[]

packages/twenty-front/src/modules/object-record/record-index/states/recordIndexOpenRecordInState.ts

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

packages/twenty-front/src/modules/object-record/record-index/states/recordIndexViewTypeState.ts

@@ -1,5 +1,5 @@
 import { type ViewType } from '@/views/types/ViewType';
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 
 export const recordIndexViewTypeState = createState<ViewType | undefined>({
   key: 'recordIndexViewTypeState',

packages/twenty-front/src/modules/object-record/record-merge/states/mergeInProgressState.ts

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

packages/twenty-front/src/modules/object-record/record-merge/states/mergeSettingsState.ts

@@ -1,5 +1,5 @@
 import { type MergeManySettings } from '@/object-record/hooks/useMergeManyRecords';
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 
 export const mergeSettingsState = createState<MergeManySettings>({
   key: 'mergeSettingsState',

packages/twenty-front/src/modules/object-record/record-right-drawer/states/viewableRecordIdState.ts

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

packages/twenty-front/src/modules/object-record/record-right-drawer/states/viewableRecordNameSingularState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 // TODO: deprecate this state once we remove IS_COMMAND_MENU_V2_ENABLED flag
 export const viewableRecordNameSingularState = createState<string | null>({
   key: 'activities/viewable-record-name-singular',

packages/twenty-front/src/modules/object-record/record-table/states/tableWidthResizeIsActivedState.ts

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