feat: persist resized column widths (#1017)

* feat: persist resized column widths

Closes #981

* test: mock company and person view fields

front/src/testing/graphqlMocks.ts

@@ -13,6 +13,7 @@ import {
   SEARCH_USER_QUERY,
 } from '@/search/queries/search';
 import { GET_CURRENT_USER } from '@/users/queries';
+import { GET_VIEW_FIELDS } from '@/views/queries/select';
 import {
   GetCompaniesQuery,
   GetPeopleQuery,
@@ -24,8 +25,11 @@ import {
 } from '~/generated/graphql';
 
 import { mockedActivities } from './mock-data/activities';
-import { mockedCompaniesData } from './mock-data/companies';
-import { mockedPeopleData } from './mock-data/people';
+import {
+  mockedCompaniesData,
+  mockedCompanyViewFields,
+} from './mock-data/companies';
+import { mockedPeopleData, mockedPersonViewFields } from './mock-data/people';
 import { mockedPipelineProgressData } from './mock-data/pipeline-progress';
 import { mockedPipelinesData } from './mock-data/pipelines';
 import { mockedUsersData } from './mock-data/users';
@@ -206,4 +210,20 @@ export const graphqlMocks = [
       }),
     );
   }),
+  graphql.query(getOperationName(GET_VIEW_FIELDS) ?? '', (req, res, ctx) => {
+    const {
+      where: {
+        objectName: { equals: objectName },
+      },
+    } = req.variables;
+
+    return res(
+      ctx.data({
+        viewFields:
+          objectName === 'company'
+            ? mockedCompanyViewFields
+            : mockedPersonViewFields,
+      }),
+    );
+  }),
 ];