Change to using arrow functions (#1603)

* Change to using arrow functions

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>

* Add lint rule

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/users/components/UserPicker.tsx

@@ -18,12 +18,12 @@ type UserForSelect = EntityForSelect & {
   entityType: Entity.User;
 };
 
-export function UserPicker({
+export const UserPicker = ({
   userId,
   onSubmit,
   onCancel,
   width,
-}: UserPickerProps) {
+}: UserPickerProps) => {
   const [relationPickerSearchFilter] = useRecoilScopedState(
     relationPickerSearchFilterScopedState,
   );
@@ -47,11 +47,11 @@ export function UserPicker({
     selectedIds: userId ? [userId] : [],
   });
 
-  async function handleEntitySelected(
+  const handleEntitySelected = async (
     selectedUser: UserForSelect | null | undefined,
-  ) {
+  ) => {
     onSubmit(selectedUser ?? null);
-  }
+  };
 
   return (
     <SingleEntitySelect
@@ -65,4 +65,4 @@ export function UserPicker({
       width={width}
     />
   );
-}
+};