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/menu-item/components/MenuItemToggle.tsx

@@ -12,16 +12,16 @@ type OwnProps = {
   onToggleChange?: (toggled: boolean) => void;
 };
 
-export function MenuItemToggle({
+export const MenuItemToggle = ({
   LeftIcon,
   text,
   toggled,
   className,
   onToggleChange,
-}: OwnProps) {
-  function handleOnClick() {
+}: OwnProps) => {
+  const handleOnClick = () => {
     onToggleChange?.(!toggled);
-  }
+  };
 
   return (
     <StyledMenuItemBase className={className} onClick={handleOnClick}>
@@ -29,4 +29,4 @@ export function MenuItemToggle({
       <Toggle value={toggled} onChange={onToggleChange} />
     </StyledMenuItemBase>
   );
-}
+};