feat(frontend): optimize help page layout and add i18n support

- Add Chinese and English translations for help page
- Fix button overlapping issues with responsive layouts
- Improve icon and button positioning with flexbox
- Add proper spacing and breakpoints for mobile/tablet/desktop
- Make cards consistent with flexbox layout
- Ensure all buttons have proper whitespace-nowrap
- Use flex-shrink-0 for icons to prevent squashing

ccw/frontend/src/locales/zh/help.json

@@ -0,0 +1,32 @@
+{
+  "title": "帮助中心",
+  "description": "获取 CCW 平台的完整文档、指南和支持资源",
+  "fullDocs": "完整文档",
+  "commandsOverview": {
+    "title": "命令概览",
+    "description": "了解可视化拖放式工作流编辑器"
+  },
+  "workflowsOverview": {
+    "title": "工作流概览",
+    "description": "浏览 40+ 命令，适用于工作流、问题、CLI 和内存"
+  },
+  "quickStart": {
+    "title": "快速开始",
+    "description": "在几分钟内上手 CCW",
+    "guide": "入门指南",
+    "faq": "常见问题"
+  },
+  "getStarted": "开始使用",
+  "viewAll": "查看全部",
+  "searchDocs": {
+    "title": "搜索文档",
+    "description": "查找特定主题或命令的详细文档和示例",
+    "button": "搜索文档"
+  },
+  "support": {
+    "title": "需要帮助？",
+    "description": "访问我们的文档、教程和社区支持资源",
+    "documentation": "文档",
+    "tutorials": "教程"
+  }
+}

ccw/frontend/src/locales/zh/index.ts

@@ -36,6 +36,7 @@ import graph from './graph.json';
 import notification from './notification.json';
 import notifications from './notifications.json';
 import workspace from './workspace.json';
+import help from './help.json';
 
 /**
  * Flattens nested JSON object to dot-separated keys
@@ -95,4 +96,5 @@ export default {
   ...flattenMessages(notification, 'notificationPanel'),
   ...flattenMessages(notifications, 'notifications'),
   ...flattenMessages(workspace, 'workspace'),
+  ...flattenMessages(help, 'help'),
 } as Record<string, string>;