[feat] README.mdファイルの見た目を向上

README.mdファイルの中央揃えとアイコンの追加を行いました。これにより、プロジェクトのビジュアルが改善され、より魅力的に情報を提供できるようになります。

- `<p>` タグを使用してテキストを中央揃えにしました。
- プロジェクトのアイコン画像を追加し、ページの視覚的な魅力を高めました。
- Hugging Face Spaces、GitHub stars、最終コミット、使用言語に関するバッジを追加し、プロジェクトの情報を豊富にしました。

README.md

@@ -10,7 +10,17 @@ pinned: false
 license: mit
 ---
 
-# CodeLumia
 
+<p align="center">
+<img src="https://media.githubusercontent.com/media/Sunwood-ai-labs/CodeLumia/main/docs/CodeLumia_icon.png" width="100%">
+<br>
+<h1 align="center">CodeLumia</h1>
+<h3 align="center">
+  ～Learn to Code, Step by Step～
 
+[![Hugging Face Spaces](https://img.shields.io/badge/%F0%9F%A4%97%20Hugging%20Face-Spaces-blue)](https://huggingface.co/spaces/OFA-Sys/OFA-Image_Caption)[![](https://img.shields.io/github/stars/Sunwood-ai-labs/CodeLumia)](https://github.com/Sunwood-ai-labs/CodeLumia)[![](https://img.shields.io/github/last-commit/Sunwood-ai-labs/CodeLumia)](https://github.com/Sunwood-ai-labs/CodeLumia)[![](https://img.shields.io/github/languages/top/Sunwood-ai-labs/CodeLumia)](https://github.com/Sunwood-ai-labs/CodeLumia)
+
+</h3>
+
+</p>