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

@@ -1,18 +1,22 @@
+import { InternalHotkeysScope } from '@/hotkeys/types/internal/InternalHotkeysScope';
 import { PersonChip } from '@/people/components/PersonChip';
 import { EditableCell } from '@/ui/components/editable-cell/EditableCell';
 import { Company, User } from '~/generated/graphql';
 
 import { CompanyAccountOwnerPicker } from './CompanyAccountOwnerPicker';
 
+export type CompanyAccountOnwer = Pick<Company, 'id'> & {
+  accountOwner?: Pick<User, 'id' | 'displayName'> | null;
+};
+
 export type OwnProps = {
-  company: Pick<Company, 'id'> & {
-    accountOwner?: Pick<User, 'id' | 'displayName'> | null;
-  };
+  company: CompanyAccountOnwer;
 };
 
 export function CompanyAccountOwnerCell({ company }: OwnProps) {
   return (
     <EditableCell
+      editHotkeysScope={{ scope: InternalHotkeysScope.RelationPicker }}
       editModeContent={<CompanyAccountOwnerPicker company={company} />}
       nonEditModeContent={
         company.accountOwner?.displayName ? (

front/src/modules/companies/components/CompanyEditableNameCell.tsx

@@ -13,7 +13,7 @@ import { CompanyChip } from './CompanyChip';
 type OwnProps = {
   company: Pick<
     GetCompaniesQuery['companies'][0],
-    'id' | 'name' | 'domainName' | '_commentThreadCount' | 'accountOwner'
+    'id' | 'name' | 'domainName' | '_commentThreadCount'
   >;
 };
 
@@ -35,16 +35,15 @@ export function CompanyEditableNameChipCell({ company }: OwnProps) {
 
   return (
     <EditableCellChip
-      value={company.name || ''}
+      value={company.name ?? ''}
       placeholder="Name"
       picture={getLogoUrlFromDomainName(company.domainName)}
       id={company.id}
       changeHandler={(value: string) => {
         updateCompany({
           variables: {
-            ...company,
+            id: company.id,
             name: value,
-            accountOwnerId: company.accountOwner?.id,
           },
         });
       }}