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/ui/right-drawer/components/RightDrawerTopBarCloseButton.tsx

@@ -12,7 +12,7 @@ export function RightDrawerTopBarCloseButton() {
 
   return (
     <LightIconButton
-      icon={<IconChevronsRight />}
+      Icon={IconChevronsRight}
       onClick={handleButtonClick}
       size="medium"
       accent="tertiary"

front/src/modules/ui/right-drawer/components/RightDrawerTopBarExpandButton.tsx

@@ -21,12 +21,10 @@ export function RightDrawerTopBarExpandButton() {
     <LightIconButton
       size="medium"
       accent="tertiary"
-      icon={
-        isRightDrawerExpanded ? (
-          <IconLayoutSidebarRightCollapse />
-        ) : (
-          <IconLayoutSidebarRightExpand />
-        )
+      Icon={
+        isRightDrawerExpanded
+          ? IconLayoutSidebarRightCollapse
+          : IconLayoutSidebarRightExpand
       }
       onClick={handleButtonClick}
     />