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/Avatar.tsx

@@ -81,13 +81,13 @@ const StyledAvatar = styled.div<AvatarProps & { colorId: string }>`
   }};
 `;
 
-export function Avatar({
+export const Avatar = ({
   avatarUrl,
   size = 'md',
   placeholder,
   colorId = placeholder,
   type = 'squared',
-}: AvatarProps) {
+}: AvatarProps) => {
   const noAvatarUrl = !isNonEmptyString(avatarUrl);
   const [isInvalidAvatarUrl, setIsInvalidAvatarUrl] = useState(false);
 
@@ -116,4 +116,4 @@ export function Avatar({
         placeholder[0]?.toLocaleUpperCase()}
     </StyledAvatar>
   );
-}
+};