feat: add avatar component

src/pages/index.tsx

@@ -1,3 +1,4 @@
+import { Avatar } from '../components/Avatar'
 import { Button } from '../components/Button'
 
 export default function Home() {
@@ -17,14 +18,20 @@ export default function Home() {
   ]
 
   return (
-    <div>
+    <div
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        height: '100vh',
+        gap: '1rem'
+      }}
+    >
+      <Avatar src="/avatar.jpeg" />
       {links.map(link => (
-        <>
-          <Button color="sky" schema="rounded" outline key={link.href}>
-            {link.label}
-          </Button>
-          <br />
-        </>
+        <Button color="sky" schema="rounded" outline key={link.href}>
+          {link.label}
+        </Button>
       ))}
     </div>
   )