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/table/components/CellCommentChip.tsx

@@ -5,7 +5,7 @@ import { CommentChip, CommentChipProps } from './CommentChip';
 // TODO: tie those fixed values to the other components in the cell
 const StyledCellWrapper = styled.div``;
 
-export function CellCommentChip(props: CommentChipProps) {
+export const CellCommentChip = (props: CommentChipProps) => {
   if (props.count === 0) return null;
 
   return (
@@ -13,4 +13,4 @@ export function CellCommentChip(props: CommentChipProps) {
       <CommentChip {...props} />
     </StyledCellWrapper>
   );
-}
+};

front/src/modules/activities/table/components/CommentChip.tsx

@@ -46,7 +46,7 @@ const StyledCount = styled.div`
   justify-content: center;
 `;
 
-export function CommentChip({ count, onClick }: CommentChipProps) {
+export const CommentChip = ({ count, onClick }: CommentChipProps) => {
   const theme = useTheme();
 
   if (count === 0) return null;
@@ -58,4 +58,4 @@ export function CommentChip({ count, onClick }: CommentChipProps) {
       <IconComment size={theme.icon.size.md} />
     </StyledChip>
   );
-}
+};