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/states/peopleCityFamilyState.ts

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

front/src/modules/people/states/peopleCompanyFamilyState.ts

@@ -0,0 +1,11 @@
+import { atomFamily } from 'recoil';
+
+import { GetPeopleQuery } from '~/generated/graphql';
+
+export const peopleCompanyFamilyState = atomFamily<
+  GetPeopleQuery['people'][0]['company'] | null,
+  string
+>({
+  key: 'peopleCompanyFamilyState',
+  default: null,
+});

front/src/modules/people/states/peopleCreatedAtFamilyState.ts

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

front/src/modules/people/states/peopleEmailFamilyState.ts

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

front/src/modules/people/states/peopleEntityTableFamilyState.ts

@@ -0,0 +1,11 @@
+import { atomFamily } from 'recoil';
+
+import { GetPeopleQuery } from '~/generated/graphql';
+
+export const peopleEntityTableFamilyState = atomFamily<
+  GetPeopleQuery['people'][0] | null,
+  string
+>({
+  key: 'peopleEntityTableFamilyState',
+  default: null,
+});

front/src/modules/people/states/peopleNamesFamilyState.ts

@@ -0,0 +1,17 @@
+import { atomFamily } from 'recoil';
+
+export const peopleNameCellFamilyState = atomFamily<
+  {
+    firstName: string | null;
+    lastName: string | null;
+    commentCount: number | null;
+  },
+  string
+>({
+  key: 'peopleNameCellFamilyState',
+  default: {
+    firstName: null,
+    lastName: null,
+    commentCount: null,
+  },
+});

front/src/modules/people/states/peoplePhoneFamilyState.ts

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