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/components/ActivityTitleEffect.tsx

@@ -0,0 +1,27 @@
+import { useEffect } from 'react';
+import { useRecoilState } from 'recoil';
+
+import { activityTitleFamilyState } from '@/activities/states/activityTitleFamilyState';
+import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState';
+
+export const ActivityTitleEffect = ({ activityId }: { activityId: string }) => {
+  const [activityFromStore] = useRecoilState(
+    recordStoreFamilyState(activityId),
+  );
+
+  const [activityTitle, setActivityTitle] = useRecoilState(
+    activityTitleFamilyState({ activityId }),
+  );
+
+  useEffect(() => {
+    if (
+      activityTitle === '' &&
+      activityFromStore &&
+      activityTitle !== activityFromStore.title
+    ) {
+      setActivityTitle(activityFromStore.title);
+    }
+  }, [activityFromStore, activityTitle, setActivityTitle]);
+
+  return <></>;
+};