Improved activity editor re-renders (#4149)

* Refactor task count

* Fixed show page rerender

* Less rerenders and way better title and body UX

* Finished breaking down activity editor subscriptions

* Removed console.log

* Last console.log

* Fixed bugs and cleaned

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

@@ -0,0 +1,9 @@
+import { atomFamily } from 'recoil';
+
+export const activityBodyFamilyState = atomFamily<
+  string,
+  { activityId: string }
+>({
+  key: 'activityBodyFamilyState',
+  default: '',
+});

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

@@ -0,0 +1,6 @@
+import { atom } from 'recoil';
+
+export const activityIdInDrawerState = atom<string | null>({
+  key: 'activityIdInDrawerState',
+  default: null,
+});

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

@@ -1,8 +0,0 @@
-import { atom } from 'recoil';
-
-import { Activity } from '@/activities/types/Activity';
-
-export const activityInDrawerState = atom<Activity | null>({
-  key: 'activityInDrawerState',
-  default: null,
-});

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

@@ -0,0 +1,9 @@
+import { atomFamily } from 'recoil';
+
+export const activityTitleFamilyState = atomFamily<
+  string,
+  { activityId: string }
+>({
+  key: 'activityTitleFamilyState',
+  default: '',
+});