Optimize table loading (#866)

* wip

* wip

* Ok

* Deleted unused code

* Fixed lint

* Minor fixes

* Minor fixes

* Minor Fixes

* Minor merge fixes

* Ok

* Fix storybook tests

* Removed console.log

* Fix login

* asd

* Fixed storybook

* Added await

* Fixed await

* Added sleep for failing test

* Fix sleep

* Fix test

* Fix tests

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/people/table/components/EditablePeopleJobTitleCell.tsx

@@ -1,4 +1,3 @@
-import { useEffect, useState } from 'react';
 import { useRecoilValue } from 'recoil';
 
 import { peopleJobTitleFamilyState } from '@/people/states/peopleJobTitleFamilyState';
@@ -15,29 +14,21 @@ export function EditablePeopleJobTitleCell() {
     peopleJobTitleFamilyState(currentRowEntityId ?? ''),
   );
 
-  const [internalValue, setInternalValue] = useState(jobTitle ?? '');
-
-  useEffect(() => {
-    setInternalValue(jobTitle ?? '');
-  }, [jobTitle]);
-
   return (
     <EditableCellText
-      value={internalValue}
-      onChange={setInternalValue}
-      onSubmit={() =>
+      value={jobTitle ?? ''}
+      onSubmit={(newText) =>
         updatePerson({
           variables: {
             where: {
               id: currentRowEntityId,
             },
             data: {
-              jobTitle: internalValue,
+              jobTitle: newText,
             },
           },
         })
       }
-      onCancel={() => setInternalValue(jobTitle ?? '')}
     />
   );
 }