code quality

apps/website/ui/Avatar.tsx

@@ -9,14 +9,16 @@ export interface AvatarProps {
   size?: 'sm' | 'md' | 'lg' | 'xl' | number;
   fallback?: string;
   className?: string;
+  'data-testid'?: string;
 }
 
-export const Avatar = ({ 
-  src, 
-  alt, 
+export const Avatar = ({
+  src,
+  alt,
   size = 'md',
   fallback,
-  className
+  className,
+  'data-testid': dataTestId
 }: AvatarProps) => {
   const sizeMap: Record<string, string> = {
     sm: '2rem',
@@ -36,9 +38,10 @@ export const Avatar = ({
   const finalIconSize = typeof size === 'number' ? Math.round(size / 8) : iconSizeMap[size];
 
   return (
-    <Surface 
-      variant="muted" 
-      rounded="full" 
+    <Surface
+      data-testid={dataTestId}
+      variant="muted"
+      rounded="full"
       className={className}
       style={{ 
         width: finalSize,