Refactor/remove react table (#642)

* Refactored tables without tan stack
* Fixed checkbox behavior with multiple handlers on click
* Fixed hotkeys scope
* Fix debounce in editable cells
* Lowered coverage

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/people/hooks/useSetPeopleEntityTable.ts

@@ -0,0 +1,78 @@
+import { useRecoilCallback } from 'recoil';
+
+import { GetPeopleQuery } from '~/generated/graphql';
+
+import { peopleCityFamilyState } from '../states/peopleCityFamilyState';
+import { peopleCompanyFamilyState } from '../states/peopleCompanyFamilyState';
+import { peopleCreatedAtFamilyState } from '../states/peopleCreatedAtFamilyState';
+import { peopleEmailFamilyState } from '../states/peopleEmailFamilyState';
+import { peopleNameCellFamilyState } from '../states/peopleNamesFamilyState';
+import { peoplePhoneFamilyState } from '../states/peoplePhoneFamilyState';
+
+export function useSetPeopleEntityTable() {
+  return useRecoilCallback(
+    ({ set, snapshot }) =>
+      (newPeopleArray: GetPeopleQuery['people']) => {
+        for (const person of newPeopleArray) {
+          const currentEmail = snapshot
+            .getLoadable(peopleEmailFamilyState(person.id))
+            .valueOrThrow();
+
+          if (currentEmail !== person.email) {
+            set(peopleEmailFamilyState(person.id), person.email);
+          }
+
+          const currentCity = snapshot
+            .getLoadable(peopleCityFamilyState(person.id))
+            .valueOrThrow();
+
+          if (currentCity !== person.city) {
+            set(peopleCityFamilyState(person.id), person.city);
+          }
+
+          const currentCompany = snapshot
+            .getLoadable(peopleCompanyFamilyState(person.id))
+            .valueOrThrow();
+
+          if (
+            JSON.stringify(currentCompany) !== JSON.stringify(person.company)
+          ) {
+            set(peopleCompanyFamilyState(person.id), person.company);
+          }
+
+          const currentPhone = snapshot
+            .getLoadable(peoplePhoneFamilyState(person.id))
+            .valueOrThrow();
+
+          if (currentPhone !== person.phone) {
+            set(peoplePhoneFamilyState(person.id), person.phone);
+          }
+
+          const currentCreatedAt = snapshot
+            .getLoadable(peopleCreatedAtFamilyState(person.id))
+            .valueOrThrow();
+
+          if (currentCreatedAt !== person.createdAt) {
+            set(peopleCreatedAtFamilyState(person.id), person.createdAt);
+          }
+
+          const currentNameCell = snapshot
+            .getLoadable(peopleNameCellFamilyState(person.id))
+            .valueOrThrow();
+
+          if (
+            currentNameCell.firstName !== person.firstName ||
+            currentNameCell.lastName !== person.lastName ||
+            currentNameCell.commentCount !== person._commentThreadCount
+          ) {
+            set(peopleNameCellFamilyState(person.id), {
+              firstName: person.firstName,
+              lastName: person.lastName,
+              commentCount: person._commentThreadCount,
+            });
+          }
+        }
+      },
+    [],
+  );
+}