feat: add multilingual about, services and projects pages with i18n support

- Create new about and services pages in both English and Chinese
- Implement projects page with responsive design and project cards
- Add i18n translations for new UI elements
- Update header navigation to support new pages
- Create shared AboutLayout component with table of contents

src/i18n/ui.ts

@@ -22,8 +22,12 @@ export const ui = {
     'project.tag.business': 'Business Project',
     'project.tag.opensource': 'Open Source',
     'project.tag.personal': 'Personal Product',
+    'project.tag.portfolio': 'Portfolio',
+    'project.tag.ecommerce': 'E-Commerce',
     'project.visit': 'Visit',
-    'project.demo': 'Live Demo'
+    'project.demo': 'Live Demo',
+    'projects.title': 'My Projects',
+    'projects.description': 'A collection of my recent work, showcasing innovative solutions and clean code. Explore the details of each project below.'
     // Projects and services content has been inlined into respective page files
     // to reduce reliance on the translation system and improve maintainability
   },
@@ -42,8 +46,12 @@ export const ui = {
     'project.tag.business': '商业项目',
     'project.tag.opensource': '开源项目',
     'project.tag.personal': '个人产品',
+    'project.tag.portfolio': '作品集',
+    'project.tag.ecommerce': '电子商务',
     'project.visit': '访问',
-    'project.demo': '在线演示'
+    'project.demo': '在线演示',
+    'projects.title': '我的项目',
+    'projects.description': '这里展示了我最近的作品集，展现了创新解决方案和整洁的代码。请浏览下方了解每个项目的详细信息。'
     // Projects and services content has been inlined into respective page files
     // to reduce reliance on the translation system and improve maintainability
   }