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/provider.tsx

@@ -1,12 +1,13 @@
 import type { NavigateOptions } from "react-router-dom";
-import * as React from "react";
 
+import * as React from "react";
 import { HeroUIProvider } from "@heroui/system";
 import { useHref, useNavigate } from "react-router-dom";
-import { Toaster } from 'react-hot-toast';
-import { ThemeProvider } from '@/components/theme-provider';
+import { Toaster } from "react-hot-toast";
 import { I18nProvider } from "@react-aria/i18n";
 
+import { ThemeProvider } from "@/components/theme-provider";
+
 declare module "@react-types/shared" {
   interface RouterConfig {
     routerOptions: NavigateOptions;
@@ -25,28 +26,28 @@ export function Provider({ children }: ProvidersProps) {
       <HeroUIProvider navigate={navigate} useHref={useHref}>
         <ThemeProvider>
           {children}
-          <Toaster 
+          <Toaster
             position="top-center"
             toastOptions={{
               duration: 2000,
-              className: 'dark:bg-gray-800 dark:text-white',
+              className: "dark:bg-gray-800 dark:text-white",
               style: {
-                background: 'var(--toaster-bg, #ffffff)',
-                color: 'var(--toaster-color, #000000)',
-                border: '1px solid var(--toaster-border, #e5e7eb)',
+                background: "var(--toaster-bg, #ffffff)",
+                color: "var(--toaster-color, #000000)",
+                border: "1px solid var(--toaster-border, #e5e7eb)",
               },
               success: {
                 duration: 2000,
                 style: {
-                  background: '#10b981',
-                  color: '#ffffff',
+                  background: "#10b981",
+                  color: "#ffffff",
                 },
               },
               error: {
                 duration: 2000,
                 style: {
-                  background: '#ef4444',
-                  color: '#ffffff',
+                  background: "#ef4444",
+                  color: "#ffffff",
                 },
               },
             }}