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/spreadsheet-import/components/ContinueButton.tsx

@@ -29,7 +29,7 @@ export const ContinueButton = ({
 }: ContinueButtonProps) => (
   <StyledFooter>
     <StyledButton
-      icon={isLoading && <CircularProgressBar size={16} barWidth={2} />}
+      Icon={isLoading ? CircularProgressBar : undefined}
       title={title}
       onClick={!isLoading ? onContinue : undefined}
     />

front/src/modules/spreadsheet-import/components/ModalCloseButton.tsx

@@ -52,7 +52,7 @@ export const ModalCloseButton = ({ onClose }: ModalCloseButtonProps) => {
 
   return (
     <StyledCloseButtonContainer>
-      <IconButton icon={<IconX />} onClick={handleClose} />
+      <IconButton Icon={IconX} onClick={handleClose} />
     </StyledCloseButtonContainer>
   );
 };

front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx

@@ -205,7 +205,7 @@ export const ValidationStep = <T extends string>({
             </StyledErrorToggleDescription>
           </StyledErrorToggle>
           <Button
-            icon={<IconTrash />}
+            Icon={IconTrash}
             title="Remove"
             accent="danger"
             onClick={deleteSelectedRows}