Add badges to the app

src/hf_eda_mcp/server.py

@@ -30,22 +30,24 @@ def create_gradio_app(config: ServerConfig) -> gr.Blocks:
             **MCP server for exploratory data analysis of HuggingFace datasets**
 
             This server provides four tools for dataset exploration that are automatically exposed as MCP tools.
-
-            <p align="center">
-              <a href="https://www.youtube.com/watch?v=XdP7zGSb81k" target="_blank">
-                <img src="https://img.shields.io/badge/▶️_Demo_Video-FF0000?style=for-the-badge&logo=youtube&logoColor=white" alt="Demo Video">
-              </a>
-              &nbsp;
-              <a href="https://www.linkedin.com/posts/khalil-guetari-00a61415a_mcp-server-for-huggingface-datasets-discovery-activity-7400587711838842880-2K8p" target="_blank">
-                <img src="https://img.shields.io/badge/LinkedIn_Post-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Post">
-              </a>
-              &nbsp;
-              <a href="https://huggingface.co/spaces/MCP-1st-Birthday/hf-eda-mcp/blob/main/README.md" target="_blank">
-                <img src="https://img.shields.io/badge/📖_README-FFD21E?style=for-the-badge" alt="README">
-              </a>
-            </p>
             """
         )
+        with gr.Row():
+            gr.HTML(
+                """
+                <div style="display: flex; gap: 8px; justify-content: center; flex-wrap: wrap;">
+                    <a href="https://www.youtube.com/watch?v=XdP7zGSb81k" target="_blank">
+                        <img src="https://img.shields.io/badge/▶️_Demo_Video-FF0000?style=for-the-badge&logo=youtube&logoColor=white" alt="Demo Video">
+                    </a>
+                    <a href="https://www.linkedin.com/posts/khalil-guetari-00a61415a_mcp-server-for-huggingface-datasets-discovery-activity-7400587711838842880-2K8p" target="_blank">
+                        <img src="https://img.shields.io/badge/LinkedIn_Post-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Post">
+                    </a>
+                    <a href="https://huggingface.co/spaces/MCP-1st-Birthday/hf-eda-mcp/blob/main/README.md" target="_blank">
+                        <img src="https://img.shields.io/badge/📖_README-FFD21E?style=for-the-badge" alt="README">
+                    </a>
+                </div>
+                """
+            )
 
         # Create interfaces for each EDA tool - these will be automatically exposed as MCP tools
         with gr.Tab("📊 Dataset Metadata"):