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/activities/components/ActivityComments.tsx

@@ -59,10 +59,10 @@ const StyledThreadCommentTitle = styled.div`
   text-transform: uppercase;
 `;
 
-export function ActivityComments({
+export const ActivityComments = ({
   activity,
   scrollableContainerRef,
-}: OwnProps) {
+}: OwnProps) => {
   const [createCommentMutation] = useCreateCommentMutation();
   const currentUser = useRecoilValue(currentUserState);
 
@@ -70,7 +70,7 @@ export function ActivityComments({
     return <></>;
   }
 
-  function handleSendComment(commentText: string) {
+  const handleSendComment = (commentText: string) => {
     if (!isNonEmptyString(commentText)) {
       return;
     }
@@ -91,16 +91,16 @@ export function ActivityComments({
       },
       awaitRefetchQueries: true,
     });
-  }
+  };
 
-  function handleFocus() {
+  const handleFocus = () => {
     const scrollableContainer = scrollableContainerRef.current;
 
     scrollableContainer?.scrollTo({
       top: scrollableContainer.scrollHeight,
       behavior: 'smooth',
     });
-  }
+  };
 
   return (
     <>
@@ -127,4 +127,4 @@ export function ActivityComments({
       </StyledCommentActionBar>
     </>
   );
-}
+};