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/CompanyEntityTableData.tsx

@@ -0,0 +1,50 @@
+import { useRecoilState } from 'recoil';
+
+import { defaultOrderBy } from '@/companies/services';
+import { isFetchingEntityTableDataState } from '@/ui/tables/states/isFetchingEntityTableDataState';
+import { tableRowIdsState } from '@/ui/tables/states/tableRowIdsState';
+import {
+  PersonOrderByWithRelationInput,
+  useGetCompaniesQuery,
+} from '~/generated/graphql';
+
+import { useSetCompanyEntityTable } from '../hooks/useSetCompanyEntityTable';
+
+export function CompanyEntityTableData({
+  orderBy = defaultOrderBy,
+  whereFilters,
+}: {
+  orderBy?: PersonOrderByWithRelationInput[];
+  whereFilters?: any;
+}) {
+  const [, setTableRowIds] = useRecoilState(tableRowIdsState);
+
+  const [, setIsFetchingEntityTableData] = useRecoilState(
+    isFetchingEntityTableDataState,
+  );
+
+  const setCompanyEntityTable = useSetCompanyEntityTable();
+
+  useGetCompaniesQuery({
+    variables: { orderBy, where: whereFilters },
+    onCompleted: (data) => {
+      const companies = data.companies ?? [];
+
+      const companyIds = companies.map((company) => company.id);
+
+      setTableRowIds((currentRowIds) => {
+        if (JSON.stringify(currentRowIds) !== JSON.stringify(companyIds)) {
+          return companyIds;
+        }
+
+        return currentRowIds;
+      });
+
+      setCompanyEntityTable(companies);
+
+      setIsFetchingEntityTableData(false);
+    },
+  });
+
+  return <></>;
+}