docs(readme): update heading (#303)

Author: ReenigneArcher

README.md

@@ -1,10 +1,23 @@
-# shared-web
-
-[![GitHub stars](https://img.shields.io/github/stars/lizardbyte/shared-web.svg?logo=github&style=for-the-badge)](https://github.com/LizardByte/shared-web)
-[![GitHub Workflow Status (CI)](https://img.shields.io/github/actions/workflow/status/lizardbyte/shared-web/_ci-node.yml.svg?branch=master&label=CI%20build&logo=github&style=for-the-badge)](https://github.com/LizardByte/shared-web/actions/workflows/_ci-node.yml?query=branch%3Amaster)
-[![Codecov](https://img.shields.io/codecov/c/gh/LizardByte/shared-web?token=gWHqqpMAuO&style=for-the-badge&logo=codecov&label=codecov)](https://codecov.io/gh/LizardByte/shared-web)
-[![NPM Monthly Downloads](https://img.shields.io/npm/dm/%40lizardbyte%2Fshared-web?style=for-the-badge&logo=npm&label=npm%20downloads/m)](https://www.npmjs.com/package/@lizardbyte/shared-web)
-[![NPM Version](https://img.shields.io/npm/v/%40lizardbyte%2Fshared-web?style=for-the-badge&logo=npm&label=npm%20version)](https://www.npmjs.com/package/@lizardbyte/shared-web)
+<div align="center">
+  <img
+    src="https://raw.githubusercontent.com/LizardByte/.github/refs/heads/master/branding/logos/logo.svg"
+    alt="LizardByte icon"
+    width="256"
+  />
+  <h1 align="center">shared-web</h1>
+  <h4 align="center">Shared web assets for LizardByte projects.</h4>
+</div>
+
+<div align="center">
+  <a href="https://github.com/LizardByte/shared-web"><img src="https://img.shields.io/github/stars/lizardbyte/shared-web.svg?logo=github&style=for-the-badge" alt="GitHub stars"></a>
+  <a href="https://www.npmjs.com/package/@lizardbyte/shared-web"><img src="https://img.shields.io/npm/dm/%40lizardbyte%2Fshared-web.svg?style=for-the-badge&logo=npm&label=npm%20downloads/m" alt="NPM Monthly Downloads"></a>
+  <a href="https://www.npmjs.com/package/@lizardbyte/shared-web"><img src="https://img.shields.io/npm/v/%40lizardbyte%2Fshared-web.svg?style=for-the-badge&logo=npm&label=npm%20version" alt="NPM Version"></a>
+  <a href="https://github.com/LizardByte/shared-web/actions/workflows/_ci-node.yml?query=branch%3Amaster"><img src="https://img.shields.io/github/actions/workflow/status/lizardbyte/shared-web/_ci-node.yml.svg?branch=master&label=CI&logo=github&style=for-the-badge" alt="CI"></a>
+  <a href="https://codecov.io/gh/LizardByte/shared-web"><img src="https://img.shields.io/endpoint.svg?url=https%3A%2F%2Fapp.lizardbyte.dev%2Fdashboard%2Fshields%2Fcodecov%2Fshared-web.json&style=for-the-badge&logo=codecov" alt="Codecov"></a>
+  <a href="https://sonarcloud.io/project/overview?id=LizardByte_shared-web"><img src="https://img.shields.io/sonar/quality_gate/LizardByte_shared-web.svg?server=https%3A%2F%2Fsonarcloud.io&style=for-the-badge&logo=sonarqubecloud&label=sonarcloud" alt="SonarCloud"></a>
+</div>
+
+# Overview
 
 Common web assets for use in LizardByte projects.