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

@@ -0,0 +1,32 @@
+import { useRecoilValue } from 'recoil';
+
+import { companyDomainNameFamilyState } from '@/companies/states/companyDomainNameFamilyState';
+import { EditableCellText } from '@/ui/components/editable-cell/types/EditableCellText';
+import { useCurrentRowEntityId } from '@/ui/tables/hooks/useCurrentEntityId';
+import { useUpdateCompanyMutation } from '~/generated/graphql';
+
+export function EditableCompanyDomainNameCell() {
+  const currentRowEntityId = useCurrentRowEntityId();
+
+  const [updateCompany] = useUpdateCompanyMutation();
+
+  const name = useRecoilValue(
+    companyDomainNameFamilyState(currentRowEntityId ?? ''),
+  );
+
+  return (
+    <EditableCellText
+      value={name ?? ''}
+      onChange={async (domainName: string) => {
+        if (!currentRowEntityId) return;
+
+        await updateCompany({
+          variables: {
+            id: currentRowEntityId,
+            domainName: domainName,
+          },
+        });
+      }}
+    />
+  );
+}