feat: add mode descriptions for Rule, Global, and Direct modes in English and Chinese locales

src/components/home/clash-mode-card.tsx

@@ -148,7 +148,7 @@ export const ClashModeCard = () => {
           component="div"
           sx={descriptionStyles}
         >
-          {t(`${currentMode} Mode Description`)}
+          {t(`${currentMode?.charAt(0).toUpperCase()}${currentMode?.slice(1)} Mode Description`)}
         </Typography>
       </Box>
     </Box>

src/locales/en.json

@@ -418,8 +418,11 @@
   "Open Dir": "Open Dir",
   "More": "More",
   "Rule Mode": "Rule Mode",
+  "Rule Mode Description": "Rule Mode: Proxy connections based on rules",
   "Global Mode": "Global Mode",
+  "Global Mode Description": "Global Mode: All connections are proxied",
   "Direct Mode": "Direct Mode",
+  "Direct Mode Description": "Direct Mode: All connections are direct",
   "Enable Tray Speed": "Enable Tray Speed",
   "Enable Tray Icon": "Enable Tray Icon",
   "LightWeight Mode": "Lightweight Mode",

src/locales/zh.json

@@ -418,8 +418,11 @@
   "Open Dir": "打开目录",
   "More": "更多",
   "Rule Mode": "规则模式",
+  "Rule Mode Description": "选择代理模式，规则模式会根据配置文件中的规则进行代理",
   "Global Mode": "全局模式",
+  "Global Mode Description": "全局模式会将所有流量通过代理",
   "Direct Mode": "直连模式",
+  "Direct Mode Description": "直连模式会直接连接到目标地址，不经过代理",
   "Enable Tray Speed": "启用托盘速率",
   "Enable Tray Icon": "启用托盘图标",
   "LightWeight Mode": "轻量模式",