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

@@ -33,7 +33,10 @@ type RoundedIconButtonProps = {
   Icon: IconComponent;
 } & React.ButtonHTMLAttributes<HTMLButtonElement>;
 
-export function RoundedIconButton({ Icon, ...props }: RoundedIconButtonProps) {
+export const RoundedIconButton = ({
+  Icon,
+  ...props
+}: RoundedIconButtonProps) => {
   const theme = useTheme();
 
   return (
@@ -41,4 +44,4 @@ export function RoundedIconButton({ Icon, ...props }: RoundedIconButtonProps) {
       {<Icon size={theme.icon.size.md} />}
     </StyledIconButton>
   );
-}
+};