fix: sidebar ui (#9581)

Co-authored-by: Peer Richelsen <peeroke@gmail.com>

packages/ui/components/avatar/Avatar.tsx

@@ -12,7 +12,7 @@ import { Tooltip } from "../tooltip";
 
 export type AvatarProps = {
   className?: string;
-  size: "xs" | "sm" | "md" | "mdLg" | "lg" | "xl";
+  size: "xs" | "xsm" | "sm" | "md" | "mdLg" | "lg" | "xl";
   imageSrc?: Maybe<string>;
   title?: string;
   alt: string;
@@ -24,7 +24,8 @@ export type AvatarProps = {
 };
 
 const sizesPropsBySize = {
-  xs: "w-4 h-4 min-w-4 min-h-4", // 16px
+  xs: "w-4 h-4 min-w-4 min-h-4 max-h-4", // 16px
+  xsm: "w-5 h-5 min-w-5 min-h-5", // 20px
   sm: "w-6 h-6 min-w-6 min-h-6", // 24px
   md: "w-8 h-8 min-w-8 min-h-8", // 32px
   mdLg: "w-10 h-10 min-w-10 min-h-10", //40px