refactor: move createState to twenty-ui (#4716)

Split from https://github.com/twentyhq/twenty/pull/4518

Co-authored-by: Charles Bochet <charlesBochet@users.noreply.github.com>

packages/twenty-front/src/modules/activities/calendar/states/viewableCalendarEventIdState.ts

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

packages/twenty-front/src/modules/activities/emails/states/lastViewableEmailThreadIdState.ts

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

packages/twenty-front/src/modules/activities/emails/states/viewableEmailThreadIdState.ts

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

packages/twenty-front/src/modules/activities/states/activityIdInDrawerState.ts

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

packages/twenty-front/src/modules/activities/states/activityTargetableEntityArrayState.ts

@@ -1,4 +1,4 @@
-import { createState } from '@/ui/utilities/state/utils/createState';
+import { createState } from 'twenty-ui';
 
 import { ActivityTargetableObject } from '../types/ActivityTargetableEntity';
 

packages/twenty-front/src/modules/activities/states/canCreateActivityState.ts

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

packages/twenty-front/src/modules/activities/states/isActivityInCreateModeState.ts

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

packages/twenty-front/src/modules/activities/states/isCreatingActivityInDBState.ts

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

packages/twenty-front/src/modules/activities/states/targetableObjectsInDrawerState.ts

@@ -1,5 +1,6 @@
+import { createState } from 'twenty-ui';
+
 import { ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity';
-import { createState } from '@/ui/utilities/state/utils/createState';
 
 export const targetableObjectsInDrawerState = createState<
   ActivityTargetableObject[]

packages/twenty-front/src/modules/activities/states/temporaryActivityForEditorState.ts

@@ -1,5 +1,6 @@
+import { createState } from 'twenty-ui';
+
 import { ActivityForEditor } from '@/activities/types/ActivityForEditor';
-import { createState } from '@/ui/utilities/state/utils/createState';
 
 export const temporaryActivityForEditorState =
   createState<ActivityForEditor | null>({

packages/twenty-front/src/modules/activities/states/viewableActivityIdState.ts

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

packages/twenty-front/src/modules/activities/tasks/states/currentUserTaskCountState.ts

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

packages/twenty-front/src/modules/activities/timeline/states/timelineActivitiesForGroupState.ts

@@ -1,5 +1,6 @@
+import { createState } from 'twenty-ui';
+
 import { ActivityForActivityGroup } from '@/activities/timeline/utils/groupActivitiesByMonth';
-import { createState } from '@/ui/utilities/state/utils/createState';
 
 export const timelineActivitiesForGroupState = createState<
   ActivityForActivityGroup[]

packages/twenty-front/src/modules/activities/timeline/states/timelineActivitiesNetworkingState.ts

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