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/button/components/LightIconButton.tsx

@@ -78,7 +78,7 @@ const StyledButton = styled.button<
   }
 `;
 
-export function LightIconButton({
+export const LightIconButton = ({
   className,
   Icon,
   active = false,
@@ -87,7 +87,7 @@ export function LightIconButton({
   disabled = false,
   focus = false,
   onClick,
-}: LightIconButtonProps) {
+}: LightIconButtonProps) => {
   const theme = useTheme();
   return (
     <StyledButton
@@ -102,4 +102,4 @@ export function LightIconButton({
       {Icon && <Icon size={theme.icon.size.md} />}
     </StyledButton>
   );
-}
+};