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/command-menu/components/CommandMenu.tsx

@@ -28,7 +28,7 @@ import {
   StyledList,
 } from './CommandMenuStyles';
 
-export function CommandMenu() {
+export const CommandMenu = () => {
   const { openCommandMenu, closeCommandMenu } = useCommandMenu();
   const openActivityRightDrawer = useOpenActivityRightDrawer();
   const isCommandMenuOpened = useRecoilValue(isCommandMenuOpenedState);
@@ -219,4 +219,4 @@ export function CommandMenu() {
       </StyledList>
     </StyledDialog>
   );
-}
+};

front/src/modules/command-menu/components/CommandMenuItem.tsx

@@ -16,13 +16,13 @@ export type CommandMenuItemProps = {
   shortcuts?: Array<string>;
 };
 
-export function CommandMenuItem({
+export const CommandMenuItem = ({
   label,
   to,
   onClick,
   Icon,
   shortcuts,
-}: CommandMenuItemProps) {
+}: CommandMenuItemProps) => {
   const navigate = useNavigate();
   const { closeCommandMenu } = useCommandMenu();
 
@@ -51,4 +51,4 @@ export function CommandMenuItem({
       onClick={onItemClick}
     />
   );
-}
+};