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/pages/tasks/Tasks.tsx

@@ -32,7 +32,7 @@ const StyledTabListContainer = styled.div`
   margin-left: ${({ theme }) => `-${theme.spacing(2)}`};
 `;
 
-export function Tasks() {
+export const Tasks = () => {
   const TASK_TABS = [
     {
       id: 'to-do',
@@ -88,4 +88,4 @@ export function Tasks() {
       </RecoilScope>
     </PageContainer>
   );
-}
+};

front/src/pages/tasks/TasksEffect.tsx

@@ -10,7 +10,7 @@ import { FilterOperand } from '@/ui/view-bar/types/FilterOperand';
 
 import { tasksFilters } from './tasks-filters';
 
-export function TasksEffect() {
+export const TasksEffect = () => {
   const [currentUser] = useRecoilState(currentUserState);
   const [, setFilters] = useRecoilScopedState(
     filtersScopedState,
@@ -41,4 +41,4 @@ export function TasksEffect() {
     }
   }, [currentUser, setFilters]);
   return <></>;
-}
+};