feat: add avatar component

src/components/Avatar/index.tsx

@@ -0,0 +1,11 @@
+import { ImageProps } from 'next/image'
+
+import { Wrapper } from './styles'
+
+type AvatarProps = ImageProps & {
+  src?: string
+}
+
+export function Avatar({ src, ...rest }: AvatarProps) {
+  return !!src ? <Wrapper src={src} width={84} height={84} quality={100} {...rest} /> : null
+}

src/components/Avatar/styles.ts

@@ -0,0 +1,10 @@
+import Image from 'next/image'
+
+import { styled } from '../../styles/stitches.config'
+
+export const Wrapper = styled(Image, {
+  borderRadius: '9999px',
+  objectFit: 'cover',
+  width: '84px',
+  height: '84px'
+})