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
+      <Image
-          src={src}
+        src={src}
-          width={size}
+        width="full"
-          height={size}
+        radius="full"
-          onLoad={() => setStatus('loaded')}
+        aspectRatio={1}
-          onError={() => setStatus('error')}
+        onLoad={() => setStatus('loaded')}
-          radius="full"
+        onError={() => setStatus('error')}
-        />
+      />
-      </Stack>
 
       {status === 'error' && (
         <Fallback