Add badges to readmes

README.md

@@ -1,4 +1,13 @@
-This project is a tool to help players of Teamfight Tactics (TFT) learn how items work, how to use them effectively, and
+<div style="text-align: center;">
+  <img src="design/assets/app/splash_screen.png" alt="Teamfight Tactics" style="max-width: 512px; height: auto;" />
+</div>
+
+[![Build Status](https://github.com/ngoc-quoc-huynh/tft_guide/actions/workflows/app.yaml/badge.svg)](https://github.com/ngoc-quoc-huynh/tft_guide/actions/workflows/app.yaml)
+[![Build Status](https://github.com/ngoc-quoc-huynh/tft_guide/actions/workflows/infrastructure.yaml/badge.svg)](https://github.com/ngoc-quoc-huynh/tft_guide/actions/workflows/infrastructure.yaml)
+[![Renovate enabled](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://renovatebot.com/)
+[![license](https://img.shields.io/github/license/ngoc-quoc-huynh/tft_guide)](https://raw.githubusercontent.com/ngoc-quoc-huynh/tft_guide/refs/heads/main/LICENSE)
+
+This project is a tool to help players of [Teamfight Tactics (TFT)](https://teamfighttactics.leagueoflegends.com/) learn how items work, how to use them effectively, and
 how to combine them for optimal strategies.
 
 You can explore the project through the following directories:

app/README.md

@@ -1,5 +1,9 @@
 # App
 
+[![Build Status](https://github.com/ngoc-quoc-huynh/tft_guide/actions/workflows/app.yaml/badge.svg)](https://github.com/ngoc-quoc-huynh/tft_guide/actions/workflows/app.yaml)
+[![style](https://img.shields.io/badge/style-cosee__lints-brightgreen)](https://pub.dev/packages/cosee_lints)
+[![license](https://img.shields.io/github/license/ngoc-quoc-huynh/tft_guide)](https://raw.githubusercontent.com/ngoc-quoc-huynh/tft_guide/refs/heads/main/LICENSE)
+
 ## Overview
 
 This repository contains the source code for the TFT Guide flutter app.

design/README.md

@@ -1,5 +1,7 @@
 # Design
 
+[![license](https://img.shields.io/github/license/ngoc-quoc-huynh/tft_guide)](https://raw.githubusercontent.com/ngoc-quoc-huynh/tft_guide/refs/heads/main/LICENSE)
+
 This repository contains all design-related resources for the project. It serves as the single source of truth for the visual identity and UI/UX specifications of the application.
 
 ## Contents

infrastructure/README.md

@@ -1,5 +1,8 @@
 # Infrastructure
 
+[![Build Status](https://github.com/ngoc-quoc-huynh/tft_guide/actions/workflows/infrastructure.yaml/badge.svg)](https://github.com/ngoc-quoc-huynh/tft_guide/actions/workflows/infrastructure.yaml)
+[![license](https://img.shields.io/github/license/ngoc-quoc-huynh/tft_guide)](https://raw.githubusercontent.com/ngoc-quoc-huynh/tft_guide/refs/heads/main/LICENSE)
+
 This repository utilizes supabase as the backend database.
 The project involdes managing data for assets, base items, full items, patch notes and their corresponding translations.
 It is designed to enable seamless storage, retrieval, and translation of data across different languages.