Refactor icons passed as props with the new way (#1492)

* Refactor icons passed as props with the new way

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>

* Update more files

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>

* Fix according to review

* Fix according to review

* Fix according to review

* Fix chromatic regressions

---------

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

@@ -1,4 +1,3 @@
-import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 
 import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateActivityDrawer';
@@ -32,28 +31,24 @@ const StyledTabListContainer = styled.div`
 `;
 
 export function Tasks() {
-  const theme = useTheme();
   const openCreateActivity = useOpenCreateActivityDrawer();
 
   const TASK_TABS = [
     {
       id: 'to-do',
       title: 'To do',
-      icon: <IconCheck size={theme.icon.size.md} />,
+      Icon: IconCheck,
     },
     {
       id: 'done',
       title: 'Done',
-      icon: <IconArchive size={theme.icon.size.md} />,
+      Icon: IconArchive,
     },
   ];
 
   return (
     <PageContainer>
-      <PageHeader
-        title="Tasks"
-        icon={<IconCheckbox size={theme.icon.size.md} />}
-      >
+      <PageHeader title="Tasks" Icon={IconCheckbox}>
         <RecoilScope SpecificContext={DropdownRecoilScopeContext}>
           <PageAddButton
             onClick={() => openCreateActivity(ActivityType.Task)}