Format badges in horizontal row

Author: tuananhit1612

docs/documentation/content/index.mdx

@@ -7,13 +7,39 @@ description: Enterprise-Grade Smart City Platform for Air Quality Monitoring & U
 
 <div align="center">
 
-<a href="https://nextjs.org/"><img src="https://img.shields.io/badge/Next.js-16.0-black?logo=next.js&logoColor=white" alt="Next.js" /></a>
-<a href="https://www.typescriptlang.org/"><img src="https://img.shields.io/badge/TypeScript-5.0-3178C6?logo=typescript&logoColor=white" alt="TypeScript" /></a>
-<a href="https://tailwindcss.com/"><img src="https://img.shields.io/badge/Tailwind-3.4-38bdf8?logo=tailwind-css&logoColor=white" alt="Tailwind CSS" /></a>
-<a href="https://react.dev/"><img src="https://img.shields.io/badge/React-19-61DAFB?logo=react&logoColor=black" alt="React" /></a>
-<a href="https://www.etsi.org/deliver/etsi_gs/CIM/001_099/009/01.08.01_60/gs_CIM009v010801p.pdf"><img src="https://img.shields.io/badge/NGSI--LD-Compliant-00A3E0" alt="NGSI-LD" /></a>
-<a href="LICENSE"><img src="https://img.shields.io/badge/License-MIT-green.svg" alt="License" /></a>
-<a href="http://makeapullrequest.com"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs Welcome" /></a>
+<a href="https://nextjs.org/">
+  <img
+    src="https://img.shields.io/badge/Next.js-16.0-black?logo=next.js&logoColor=white"
+    alt="Next.js"
+  />
+</a> <a href="https://www.typescriptlang.org/">
+  <img
+    src="https://img.shields.io/badge/TypeScript-5.0-3178C6?logo=typescript&logoColor=white"
+    alt="TypeScript"
+  />
+</a> <a href="https://tailwindcss.com/">
+  <img
+    src="https://img.shields.io/badge/Tailwind-3.4-38bdf8?logo=tailwind-css&logoColor=white"
+    alt="Tailwind CSS"
+  />
+</a> <a href="https://react.dev/">
+  <img
+    src="https://img.shields.io/badge/React-19-61DAFB?logo=react&logoColor=black"
+    alt="React"
+  />
+</a> <a href="https://www.etsi.org/deliver/etsi_gs/CIM/001_099/009/01.08.01_60/gs_CIM009v010801p.pdf">
+  <img
+    src="https://img.shields.io/badge/NGSI--LD-Compliant-00A3E0"
+    alt="NGSI-LD"
+  />
+</a> <a href="LICENSE">
+  <img src="https://img.shields.io/badge/License-MIT-green.svg" alt="License" />
+</a> <a href="http://makeapullrequest.com">
+  <img
+    src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"
+    alt="PRs Welcome"
+  />
+</a>
 
 **Enterprise-Grade Smart City Platform for Air Quality Monitoring & Urban Infrastructure Management**
 
@@ -29,47 +55,66 @@ description: Enterprise-Grade Smart City Platform for Air Quality Monitoring & U
 
 ### Key Capabilities
 
-<img src="https://img.shields.io/badge/Feature-Air%20Quality%20Monitoring-blue" alt="Air Quality" />
+<img
+  src="https://img.shields.io/badge/Feature-Air%20Quality%20Monitoring-blue"
+  alt="Air Quality"
+/>
 **Air Quality Monitoring** - Real-time AQI data from OpenAQ with interactive visualizations
 
-<img src="https://img.shields.io/badge/Feature-Smart%20City%20Integration-green" alt="Smart City" />
+<img
+  src="https://img.shields.io/badge/Feature-Smart%20City%20Integration-green"
+  alt="Smart City"
+/>
 **Smart City Integration** - NGSI-LD compliant data from Orion Context Broker
 
-<img src="https://img.shields.io/badge/Feature-Advanced%20Mapping-orange" alt="Mapping" />
+<img
+  src="https://img.shields.io/badge/Feature-Advanced%20Mapping-orange"
+  alt="Mapping"
+/>
 **Advanced Mapping** - Road networks, streetlights, and POI visualization with clustering
 
-<img src="https://img.shields.io/badge/Feature-Analytics%20Dashboard-purple" alt="Analytics" />
+<img
+  src="https://img.shields.io/badge/Feature-Analytics%20Dashboard-purple"
+  alt="Analytics"
+/>
 **Analytics Dashboard** - Comprehensive admin panel for data management
 
 <img src="https://img.shields.io/badge/Feature-Open%20APIs-red" alt="APIs" />
 **Open APIs** - RESTful endpoints with authentication and rate limiting
 
-<img src="https://img.shields.io/badge/Feature-Responsive%20Design-yellow" alt="Responsive" />
+<img
+  src="https://img.shields.io/badge/Feature-Responsive%20Design-yellow"
+  alt="Responsive"
+/>
 **Responsive Design** - Mobile-first approach with modern UI/UX
 
 ---
 
 ## Features
 
 ### Air Quality Monitoring
+
 - **Real-time Data** - Live AQI measurements from 10,000+ global stations
 - **Interactive Maps** - MapLibre GL with clustering and heatmaps
 - **Location Details** - Historical charts, health recommendations, data export
 - **Advanced Search** - Filter by location, parameters, and time range
 
 ### Smart City Infrastructure
+
 - **Road Networks** - Real-time road segment data visualization
 - **Streetlights** - Infrastructure monitoring and management
 - **Weather Integration** - Live weather data correlated with air quality
 - **Citizen Reports** - Community-driven issue reporting system
 
 ### Developer Tools
+
 - **API Keys Management** - Generate, revoke, and monitor API usage
 - **Comprehensive Documentation** - Interactive examples in 4 languages
 - **OpenAPI Specification** - Auto-generated API docs
 - **Testing Tools** - Built-in endpoint testing utilities
 
 ### Admin Dashboard
+
 - **Report Management** - Track and resolve citizen-submitted issues
 - **Analytics** - Real-time statistics and trends
 - **User Management** - Role-based access control
@@ -143,23 +188,27 @@ NEXT_PUBLIC_API_BASE_URL=http://localhost:3000
 ### Tech Stack
 
 **Frontend**
+
 - Next.js 16 (App Router)
 - React 19
 - TypeScript 5
 - Tailwind CSS 3.4
 - Framer Motion
 
 **Data Visualization**
+
 - MapLibre GL (maps)
 - Chart.js (charts)
 - Supercluster (clustering)
 
 **Smart City Integration**
+
 - NGSI-LD (ETSI standard)
 - Orion Context Broker
 - Smart Data Models
 
 **APIs**
+
 - OpenAQ (air quality)
 - Custom RESTful endpoints
 - API key authentication
@@ -173,18 +222,21 @@ For detailed architecture, see [ARCHITECTURE.md](https://github.com/minhe51805/U
 Comprehensive documentation is available in the `/urbanreflex-fe/docs` folder:
 
 ### Core Documentation
+
 - **[System Architecture](https://github.com/minhe51805/UrbanReflex/blob/main/urbanreflex-fe/docs/ARCHITECTURE.md)** - Technical architecture and data flows
 - **[API Endpoints](https://github.com/minhe51805/UrbanReflex/blob/main/urbanreflex-fe/docs/API-Endpoints.md)** - Complete API reference
 - **[Admin Dashboard](https://github.com/minhe51805/UrbanReflex/blob/main/urbanreflex-fe/docs/ADMIN-DASHBOARD.md)** - Admin panel usage guide
 - **[NGSI-LD Integration](https://github.com/minhe51805/UrbanReflex/blob/main/urbanreflex-fe/docs/NGSI-LD-Integration.md)** - Smart city data integration
 
 ### Developer Guides
+
 - **[Code Examples](https://github.com/minhe51805/UrbanReflex/blob/main/urbanreflex-fe/docs/Code-Examples.md)** - Copy-paste ready examples
 - **[Testing Guide](https://github.com/minhe51805/UrbanReflex/blob/main/urbanreflex-fe/docs/Testing-Guide.md)** - Testing strategies and tools
 - **[Security Best Practices](https://github.com/minhe51805/UrbanReflex/blob/main/urbanreflex-fe/docs/Security-Best-Practices.md)** - Security guidelines
 - **[Deployment Guide](https://github.com/minhe51805/UrbanReflex/blob/main/urbanreflex-fe/docs/Deployment-Guide.md)** - Production deployment steps
 
 ### Quick References
+
 - **[Documentation Index](https://github.com/minhe51805/UrbanReflex/blob/main/urbanreflex-fe/docs/INDEX.md)** - Complete docs table of contents
 - **[API Endpoints](https://github.com/minhe51805/UrbanReflex/blob/main/urbanreflex-fe/docs/API_ENDPOINTS.md)** - Quick API reference
 - **[Migration Guide](https://github.com/minhe51805/UrbanReflex/blob/main/urbanreflex-fe/docs/MIGRATION_GUIDE.md)** - Version migration instructions