simplify avatar and fix border

packages/components/src/avatar/avatar.tsx

@@ -172,16 +172,15 @@ const Avatar = (props: Props) => {
           <Indicator size={size} state={indicator} />
         </Unspaced>
       )}
-      <Stack borderRadius={28} overflow="hidden">
+
       <Image
         src={src}
-          width={size}
-          height={size}
+        width="full"
+        radius="full"
+        aspectRatio={1}
         onLoad={() => setStatus('loaded')}
         onError={() => setStatus('error')}
-          radius="full"
       />
-      </Stack>
 
       {status === 'error' && (
         <Fallback