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/ui/utilities/animation/components/AnimatedEaseIn.tsx

@@ -7,11 +7,11 @@ type Props = Omit<
   duration?: number;
 };
 
-export function AnimatedEaseIn({
+export const AnimatedEaseIn = ({
   children,
   duration = 0.3,
   ...restProps
-}: Props) {
+}: Props) => {
   const initial = { opacity: 0 };
   const animate = { opacity: 1 };
   const transition = { ease: 'linear', duration };
@@ -26,4 +26,4 @@ export function AnimatedEaseIn({
       {children}
     </motion.div>
   );
-}
+};

front/src/modules/ui/utilities/animation/components/AnimatedTextWord.tsx

@@ -44,7 +44,7 @@ const childAnimation = {
   },
 };
 
-export function AnimatedTextWord({ text = '', ...restProps }: Props) {
+export const AnimatedTextWord = ({ text = '', ...restProps }: Props) => {
   const words = useMemo(() => {
     const words = text.split(' ');
 
@@ -67,4 +67,4 @@ export function AnimatedTextWord({ text = '', ...restProps }: Props) {
       ))}
     </StyledContainer>
   );
-}
+};