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/favorites/components/Favorites.tsx

@@ -28,32 +28,28 @@ export function Favorites() {
             <NavItem
               key={id}
               label={`${person.firstName} ${person.lastName}`}
-              icon={
+              Icon={() => (
                 <Avatar
-                  key={id}
                   colorId={person.id}
                   avatarUrl={person.avatarUrl ?? ''}
                   type="rounded"
                   placeholder={`${person.firstName} ${person.lastName}`}
-                  size="md"
                 />
-              }
+              )}
               to={`/person/${person.id}`}
             />
-          )) ||
+          )) ??
           (company && (
             <NavItem
               key={id}
               label={company.name}
-              icon={
+              Icon={() => (
                 <Avatar
-                  key={id}
                   avatarUrl={getLogoUrlFromDomainName(company.domainName) ?? ''}
                   type="squared"
                   placeholder={company.name}
-                  size="md"
                 />
-              }
+              )}
               to={`/companies/${company.id}`}
             />
           )),