feat: persist resized column widths (#1017)

* feat: persist resized column widths

Closes #981

* test: mock company and person view fields

front/src/modules/companies/table/components/CompanyTable.tsx

@@ -35,11 +35,12 @@ export function CompanyTable() {
   return (
     <>
       <GenericEntityTableData
+        objectName="company"
         getRequestResultKey="companies"
         useGetRequest={useGetCompaniesQuery}
         orderBy={orderBy}
         whereFilters={whereFilters}
-        viewFields={companyViewFields}
+        viewFieldDefinitions={companyViewFields}
         filterDefinitionArray={companiesFilters}
       />
       <EntityTable

front/src/modules/companies/table/components/CompanyTableMockData.tsx

@@ -1,11 +1,30 @@
-import { companyViewFields } from '@/companies/constants/companyViewFields';
+import { useEffect } from 'react';
+import { useSetRecoilState } from 'recoil';
+
 import { useSetEntityTableData } from '@/ui/table/hooks/useSetEntityTableData';
+import { entityTableDimensionsState } from '@/ui/table/states/entityTableDimensionsState';
+import { viewFieldsFamilyState } from '@/ui/table/states/viewFieldsState';
+
+import { companyViewFields } from '../../constants/companyViewFields';
 
 import { mockedCompaniesData } from './companies-mock-data';
+
 export function CompanyTableMockData() {
+  const setEntityTableDimensions = useSetRecoilState(
+    entityTableDimensionsState,
+  );
+  const setViewFields = useSetRecoilState(viewFieldsFamilyState);
   const setEntityTableData = useSetEntityTableData();
 
-  setEntityTableData(mockedCompaniesData, companyViewFields, []);
+  setEntityTableData(mockedCompaniesData, []);
+
+  useEffect(() => {
+    setViewFields(companyViewFields);
+    setEntityTableDimensions((prevState) => ({
+      ...prevState,
+      numberOfColumns: companyViewFields.length,
+    }));
+  }, [setEntityTableDimensions, setViewFields]);
 
   return <></>;
 }