chore: 前端工程化 + Git hooks + 对齐 PathEditor 规范

- 新增 .gitattributes（CRLF 统一）+ rust-toolchain.toml
- 新增 Prettier + ESLint + markdownlint 配置
- 新增 Husky Git hooks（pre-commit lint-staged + commit-msg commitlint）
- 新增 vitest 前端测试（12 tests, utils/qrText.ts）
- 新增 @ 路径别名（vite + tsconfig）
- 新增 ROADMAP / SUPPORT / CODEOWNERS / FUNDING / dependabot
- 更新 .gitignore + .editorconfig
- 更新 package.json（新增 lint/format/test 脚本）
- 全项目 prettier 格式化 + eslint 通过
- 更新 CLAUDE.md + README.md

gui/src-frontend/src/modes/WifiMode.tsx

@@ -15,22 +15,34 @@ export default function WifiMode() {
 
   return (
     <div className="flex gap-2 items-center h-full px-4">
-      <input placeholder="SSID" value={state.formData.ssid || ''}
-        onChange={e => update('ssid', e.target.value)}
-        className="flex-1 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-gray-700 text-sm bg-transparent outline-none focus:ring-2 focus:ring-blue-500/30" />
-      <input placeholder="密码" type="password" value={state.formData.password || ''}
-        onChange={e => update('password', e.target.value)}
-        className="flex-1 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-gray-700 text-sm bg-transparent outline-none focus:ring-2 focus:ring-blue-500/30" />
-      <select value={state.formData.encryption || 'WPA'}
-        onChange={e => update('encryption', e.target.value)}
-        className="px-3 py-1.5 rounded-lg border border-gray-200 dark:border-gray-700 text-sm bg-transparent outline-none focus:ring-2 focus:ring-blue-500/30">
+      <input
+        placeholder="SSID"
+        value={state.formData.ssid || ''}
+        onChange={(e) => update('ssid', e.target.value)}
+        className="flex-1 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-gray-700 text-sm bg-transparent outline-none focus:ring-2 focus:ring-blue-500/30"
+      />
+      <input
+        placeholder="密码"
+        type="password"
+        value={state.formData.password || ''}
+        onChange={(e) => update('password', e.target.value)}
+        className="flex-1 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-gray-700 text-sm bg-transparent outline-none focus:ring-2 focus:ring-blue-500/30"
+      />
+      <select
+        value={state.formData.encryption || 'WPA'}
+        onChange={(e) => update('encryption', e.target.value)}
+        className="px-3 py-1.5 rounded-lg border border-gray-200 dark:border-gray-700 text-sm bg-transparent outline-none focus:ring-2 focus:ring-blue-500/30"
+      >
         <option value="WPA">WPA/WPA2</option>
         <option value="WEP">WEP</option>
         <option value="nopass">无密码</option>
       </select>
       <label className="flex items-center gap-1 text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap">
-        <input type="checkbox" checked={state.formData.hidden === 'true'}
-          onChange={e => update('hidden', e.target.checked ? 'true' : 'false')} />
+        <input
+          type="checkbox"
+          checked={state.formData.hidden === 'true'}
+          onChange={(e) => update('hidden', e.target.checked ? 'true' : 'false')}
+        />
         隐藏
       </label>
     </div>