docs: ✏️ Readme update

Author: prc5

README.md

@@ -1,22 +1,42 @@
-# React Lifecycle Hooks
-
-[![NPM](https://img.shields.io/npm/v/@better-hooks/lifecycle.svg)](https://www.npmjs.com/package/@better-hooks/lifecycle)
-![npm bundle size](https://img.shields.io/bundlephobia/minzip/@better-hooks/lifecycle)
-![npm type definitions](https://img.shields.io/npm/types/@better-hooks/lifecycle)
-![NPM](https://img.shields.io/npm/l/@better-hooks/lifecycle)
-![npm](https://img.shields.io/npm/dm/@better-hooks/lifecycle)
-![GitHub stars](https://img.shields.io/github/stars/BetterTyped/react-lifecycle-hooks?style=social)
-
-> React lifecycle turned into dev friendly and readable hooks
-
-- [Better Typed](https://github.com/BetterTyped)
-
-## Features
-
-- :rocket: Simple, fast and light
-- :factory: No external dependencies
-
-## Install
+# 🧩 React Lifecycle Hooks
+
+<p>
+  <a href="https://bettertyped.com/">
+    <img src="https://custom-icon-badges.demolab.com/static/v1?label=&message=BetterTyped&color=333&logo=BT" />
+  </a>
+  <a href="https://github.com/BetterTyped/react-lifecycle-hooks">
+    <img src="https://custom-icon-badges.demolab.com/github/stars/BetterTyped/react-lifecycle-hooks?logo=star&color=118ab2" />
+  </a>
+  <a href="https://github.com/BetterTyped/react-lifecycle-hooks/blob/main/License.md">
+    <img src="https://custom-icon-badges.demolab.com/github/license/BetterTyped/react-lifecycle-hooks?logo=law&color=yellow" />
+  </a>
+  <a href="https://github.com/semantic-release/semantic-release">
+    <img src="https://custom-icon-badges.demolab.com/badge/semver-commitzen-e10079?logo=semantic-release&color=e76f51" />
+  </a>
+  <a href="https://github.com/BetterTyped/react-lifecycle-hooks">
+    <img src="https://custom-icon-badges.demolab.com/badge/typescript-%23007ACC.svg?logo=typescript&logoColor=white" />
+  </a>
+  <a href="https://www.npmjs.com/package/@better-hooks/lifecycle">
+    <img src="https://custom-icon-badges.demolab.com/bundlephobia/min/@better-hooks/lifecycle?color=64BC4B&logo=package" />
+  </a>
+  <a href="https://www.npmjs.com/package/@better-hooks/lifecycle">
+    <img src="https://custom-icon-badges.demolab.com/npm/v/@better-hooks/lifecycle.svg?logo=npm&color=E10098" />
+  </a>
+</p>
+
+## About
+
+React lifecycle turned into dev friendly and readable hooks
+
+## Key Features
+
+🔮 **Simple usage**
+
+🚀 **Fast and light**
+
+💎 **No external dependencies**
+
+## Installation
 
 ```bash
 npm install --save @better-hooks/lifecycle
@@ -28,7 +48,9 @@ or
 yarn add @better-hooks/lifecycle
 ```
 
-## Usage
+---
+
+## Examples
 
 ```tsx
 import React from "react";