Avatar: Increase mini text size (#6807)

Co-authored-by: Alexander Zinchuk <alx.zinchuk@gmail.com>

src/components/common/Avatar.scss

@@ -27,6 +27,10 @@
     font-family: var(--font-family-rounded);
   }
 
+  &.size-mini {
+    --_font-size: max(calc(var(--_size) / 2 - 2px), 0.625rem);
+  }
+
   .emoji {
     width: var(--_font-size);
     height: var(--_font-size);

src/components/common/Avatar.tsx

@@ -270,6 +270,7 @@ const Avatar = ({
   const fullClassName = buildClassName(
     'Avatar',
     className,
+    typeof size === 'string' && `size-${size}`,
     peerColorClass,
     !peer && text && 'hidden-user',
     isSavedMessages && 'saved-messages',