style: 美化用户隧道权限分配表单UI并统一代码格式

- 使用HeroUI Checkbox组件替换原生checkbox

- 重构隧道列表为card-based tile风格

- 添加选中/未选中/已分配状态视觉区分

- 应用eslint --fix代码格式统一

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-opencode)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>

vite-frontend/src/types/recharts.d.ts

@@ -1,5 +1,5 @@
-declare module 'recharts' {
-  import * as React from 'react';
+declare module "recharts" {
+  import * as React from "react";
 
   export const LineChart: React.ComponentType<Record<string, unknown>>;
   export const Line: React.ComponentType<Record<string, unknown>>;
@@ -7,5 +7,7 @@ declare module 'recharts' {
   export const YAxis: React.ComponentType<Record<string, unknown>>;
   export const CartesianGrid: React.ComponentType<Record<string, unknown>>;
   export const Tooltip: React.ComponentType<Record<string, unknown>>;
-  export const ResponsiveContainer: React.ComponentType<Record<string, unknown>>;
+  export const ResponsiveContainer: React.ComponentType<
+    Record<string, unknown>
+  >;
 }

vite-frontend/src/types/tac.d.ts

@@ -44,7 +44,7 @@ interface CaptchaStyle {
 
 declare class TAC {
   constructor(config: CaptchaConfig, style?: CaptchaStyle);
-  
+
   init(): TAC;
   reloadCaptcha(): void;
   destroyWindow(): void;