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/modules/activities/components/ActivityCreateButton.tsx

@@ -1,5 +1,3 @@
-import { useTheme } from '@emotion/react';
-
 import { Button } from '@/ui/button/components/Button';
 import { ButtonGroup } from '@/ui/button/components/ButtonGroup';
 import { IconCheckbox, IconNotes, IconTimelineEvent } from '@/ui/icon/index';
@@ -15,21 +13,12 @@ export function ActivityCreateButton({
   onTaskClick,
   onActivityClick,
 }: ActivityCreateButtonProps) {
-  const theme = useTheme();
   return (
     <ButtonGroup variant={'secondary'}>
+      <Button Icon={IconNotes} title="Note" onClick={onNoteClick} />
+      <Button Icon={IconCheckbox} title="Task" onClick={onTaskClick} />
       <Button
-        icon={<IconNotes size={theme.icon.size.sm} />}
-        title="Note"
-        onClick={onNoteClick}
-      />
-      <Button
-        icon={<IconCheckbox size={theme.icon.size.sm} />}
-        title="Task"
-        onClick={onTaskClick}
-      />
-      <Button
-        icon={<IconTimelineEvent size={theme.icon.size.sm} />}
+        Icon={IconTimelineEvent}
         title="Activity"
         soon={true}
         onClick={onActivityClick}