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/ui/field/display/states/filePreviewState.ts

@@ -1,5 +1,5 @@
 import { type FieldFilesValue } from '@/object-record/record-field/ui/types/FieldMetadata';
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 
 export const filePreviewState = createState<FieldFilesValue | null>({
   key: 'filePreviewState',

packages/twenty-front/src/modules/ui/input/states/iconPickerState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 import { IconApps, type IconComponent } from 'twenty-ui/display';
 
 type IconPickerState = {

packages/twenty-front/src/modules/ui/layout/dropdown/states/activeDropdownFocusIdState.ts

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

packages/twenty-front/src/modules/ui/layout/dropdown/states/previousDropdownFocusIdState.ts

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

packages/twenty-front/src/modules/ui/navigation/states/navigationMemorizedUrlState.ts

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

packages/twenty-front/src/modules/ui/navigation/states/shouldNavigateBackToMemorizedUrlOnSaveState.ts

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

packages/twenty-front/src/modules/ui/navigation/step-bar/states/stepBarInternalState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 export type StepsState = {
   activeStep: number;
 };

packages/twenty-front/src/modules/ui/utilities/focus/states/focusStackState.ts

@@ -1,5 +1,5 @@
 import { type FocusStackItem } from '@/ui/utilities/focus/types/FocusStackItem';
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 
 export const focusStackState = createState<FocusStackItem[]>({
   key: 'focusStackState',

packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/pendingHotkeysState.ts

@@ -1,5 +1,5 @@
 import { type Keys } from 'react-hotkeys-hook/dist/types';
-import { createState } from 'twenty-ui/utilities';
+import { createState } from '@/ui/utilities/state/utils/createState';
 
 export const pendingHotkeyState = createState<Keys | null>({
   key: 'pendingHotkeyState',

packages/twenty-front/src/modules/ui/utilities/loading-state/states/currentPageLocationState.ts

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

packages/twenty-front/src/modules/ui/utilities/state/utils/createState.ts

@@ -0,0 +1,18 @@
+import { atom, type AtomEffect } from 'recoil';
+
+export const createState = <ValueType>({
+  key,
+  defaultValue,
+  effects,
+}: {
+  key: string;
+  defaultValue: ValueType;
+  effects?: ReadonlyArray<AtomEffect<ValueType>>;
+}) => {
+  const recoilState = atom<ValueType>({
+    key,
+    default: defaultValue,
+    effects,
+  });
+  return recoilState;
+};