fix: 906 edit avatar style (#923)

* fix: 906 edit avatar style

* fix: 906 add avatar size enum and mapping for font and height

* fix: 906 remove unused vars

front/src/modules/ui/chip/components/EntityChip.tsx

@@ -54,7 +54,7 @@ export function EntityChip({
             avatarUrl={pictureUrl}
             colorId={entityId}
             placeholder={name}
-            size={14}
+            size="sm"
             type={avatarType}
           />
         }

front/src/modules/ui/dropdown/components/__stories__/DropdownMenu.stories.tsx

@@ -118,7 +118,7 @@ const FakeSelectableMenuItemList = ({ hasAvatar }: { hasAvatar?: boolean }) => {
             <Avatar
               placeholder="A"
               avatarUrl={item.avatarUrl}
-              size={16}
+              size="md"
               type="squared"
             />
           )}
@@ -151,7 +151,7 @@ const FakeCheckableMenuItemList = ({ hasAvatar }: { hasAvatar?: boolean }) => {
             <Avatar
               placeholder="A"
               avatarUrl={item.avatarUrl}
-              size={16}
+              size="md"
               type="squared"
             />
           )}

front/src/modules/ui/layout/show-page/components/ShowPageSummaryCard.tsx

@@ -1,5 +1,4 @@
 import { Tooltip } from 'react-tooltip';
-import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 import { v4 as uuidV4 } from 'uuid';
 
@@ -70,16 +69,16 @@ export function ShowPageSummaryCard({
   const beautifiedCreatedAt =
     date !== '' ? beautifyPastDateRelativeToNow(date) : '';
   const exactCreatedAt = date !== '' ? beautifyExactDate(date) : '';
-  const theme = useTheme();
   const dateElementId = `date-id-${uuidV4()}`;
 
   return (
     <StyledShowPageSummaryCard>
       <Avatar
         avatarUrl={logoOrAvatar}
-        size={theme.icon.size.xl}
+        size="xl"
         colorId={id}
         placeholder={title}
+        type="rounded"
       />
       <StyledInfoContainer>
         <StyledTitle>

front/src/modules/ui/relation-picker/components/MultipleEntitySelect.tsx

@@ -74,7 +74,7 @@ export function MultipleEntitySelect<
               avatarUrl={entity.avatarUrl}
               colorId={entity.id}
               placeholder={entity.name}
-              size={16}
+              size="md"
               type={entity.avatarType ?? 'rounded'}
             />
             {entity.name}

front/src/modules/ui/relation-picker/components/SingleEntitySelectBase.tsx

@@ -86,7 +86,7 @@ export function SingleEntitySelectBase<
               avatarUrl={entity.avatarUrl}
               colorId={entity.id}
               placeholder={entity.name}
-              size={16}
+              size="md"
               type={entity.avatarType ?? 'rounded'}
             />
             <OverflowingTextWithTooltip text={entity.name} />