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/table/options/components/TableOptionsDropdown.tsx

@@ -13,9 +13,9 @@ type TableOptionsDropdownProps = {
   customHotkeyScope: HotkeyScope;
 };
 
-export function TableOptionsDropdown({
+export const TableOptionsDropdown = ({
   customHotkeyScope,
-}: TableOptionsDropdownProps) {
+}: TableOptionsDropdownProps) => {
   const resetViewEditMode = useResetRecoilState(viewEditModeState);
 
   return (
@@ -27,4 +27,4 @@ export function TableOptionsDropdown({
       onClickOutside={resetViewEditMode}
     />
   );
-}
+};

front/src/modules/ui/table/options/components/TableOptionsDropdownButton.tsx

@@ -3,7 +3,7 @@ import { useDropdownButton } from '@/ui/dropdown/hooks/useDropdownButton';
 
 import { TableOptionsDropdownId } from '../../constants/TableOptionsDropdownId';
 
-export function TableOptionsDropdownButton() {
+export const TableOptionsDropdownButton = () => {
   const { isDropdownButtonOpen, toggleDropdownButton } = useDropdownButton({
     dropdownId: TableOptionsDropdownId,
   });
@@ -16,4 +16,4 @@ export function TableOptionsDropdownButton() {
       Options
     </StyledHeaderDropdownButton>
   );
-}
+};

front/src/modules/ui/table/options/components/TableOptionsDropdownContent.tsx

@@ -56,7 +56,7 @@ const StyledViewNameInput = styled.input`
   }
 `;
 
-export function TableOptionsDropdownContent() {
+export const TableOptionsDropdownContent = () => {
   const scopeId = useRecoilScopeId(TableRecoilScopeContext);
 
   const { onImport } = useContext(ViewBarContext);
@@ -201,4 +201,4 @@ export function TableOptionsDropdownContent() {
       )}
     </StyledDropdownMenu>
   );
-}
+};