docs: update readme

Author: pheralb

library/README.md

@@ -1,3 +1,38 @@
+<div align="center">
+  <a href="https://toast.pheralb.dev">
+    <img
+      src="https://raw.githubusercontent.com/pheralb/toast/main/website/public/images/logo.png?token=GHSAT0AAAAAACP44U4YKJ3KLY3DYHLRJPVWZSEQDXA"
+      alt="@pheralb/toast"
+      height="60"
+    />
+  </a>
+  <p>
+    <b>
+      An accessible and beautiful toast library for React.
+    </b>
+  </p>
+
+<a href="https://toast.pheralb.dev/">Documentation</a>
+<span>&nbsp;&nbsp;✦&nbsp;&nbsp;</span>
+<a href="#-getting-started">Getting Started</a>
+<span>&nbsp;&nbsp;✦&nbsp;&nbsp;</span>
+<a href="#-contributing">Contribute</a>
+<span>&nbsp;&nbsp;✦&nbsp;&nbsp;</span>
+<a href="#-license">License</a>
+
+</div>
+
+<div align="center">
+
+![esbuild Badge](https://img.shields.io/badge/esbuild-FFCF00?logo=esbuild&logoColor=000&style=flat)
+![npm bundle size](https://img.shields.io/bundlephobia/min/%40pheralb%2Ftoast)
+[![Build Status](https://img.shields.io/endpoint.svg?url=https%3A%2F%2Factions-badge.atrox.dev%2Fpheralb%2Ftoast%2Fbadge%3Fref%3Dmain&style=flat)](https://actions-badge.atrox.dev/pheralb/toast/goto?ref=main)
+![GitHub stars](https://img.shields.io/github/stars/pheralb/toast)
+![GitHub issues](https://img.shields.io/github/issues/pheralb/toast)
+![React Badge](https://img.shields.io/badge/React-61DAFB?logo=react&logoColor=000&style=flat)
+
+</div>
+
 ## ✨ Features
 
 - [x] 🍂 Lightweight.
@@ -27,7 +62,7 @@ yarn add @pheralb/toast
 2. Add the toast provider:
 
 ```tsx
-// 📃 main.tsx
+// 📃 root.tsx
 import { ToastProvider } from '@pheralb/toast';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(