Refactor imports and improve code organization across multiple components and hooks

- Consolidated and reordered imports in various files for better readability and maintainability.
- Removed unused imports and ensured consistent import styles.
- Enhanced the structure of components by grouping related imports together.
- Updated the layout and organization of hooks to streamline functionality.
- Improved the overall code quality by following best practices in import management.

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

@@ -1,9 +1,11 @@
-import { useTranslation } from "react-i18next";
-import { Typography, Stack, Divider } from "@mui/material";
 import { DeveloperBoardOutlined } from "@mui/icons-material";
-import { useClash } from "@/hooks/use-clash";
-import { EnhancedCard } from "./enhanced-card";
+import { Typography, Stack, Divider } from "@mui/material";
 import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+
+import { EnhancedCard } from "./enhanced-card";
+
+import { useClash } from "@/hooks/use-clash";
 import { useAppData } from "@/providers/app-data-provider";
 
 // 将毫秒转换为时:分:秒格式的函数

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

@@ -1,16 +1,17 @@
-import { useTranslation } from "react-i18next";
-import { Box, Typography, Paper, Stack } from "@mui/material";
-import { useLockFn } from "ahooks";
-import { closeAllConnections } from "@/services/cmds";
-import { patchClashMode } from "@/services/cmds";
-import { useVerge } from "@/hooks/use-verge";
 import {
   LanguageRounded,
   MultipleStopRounded,
   DirectionsRounded,
 } from "@mui/icons-material";
+import { Box, Typography, Paper, Stack } from "@mui/material";
+import { useLockFn } from "ahooks";
 import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+
+import { useVerge } from "@/hooks/use-verge";
 import { useAppData } from "@/providers/app-data-provider";
+import { closeAllConnections } from "@/services/cmds";
+import { patchClashMode } from "@/services/cmds";
 
 export const ClashModeCard = () => {
   const { t } = useTranslation();

src/components/home/current-proxy-card.tsx

@@ -1,4 +1,15 @@
-import { useTranslation } from "react-i18next";
+import {
+  SignalWifi4Bar as SignalStrong,
+  SignalWifi3Bar as SignalGood,
+  SignalWifi2Bar as SignalMedium,
+  SignalWifi1Bar as SignalWeak,
+  SignalWifi0Bar as SignalNone,
+  WifiOff as SignalError,
+  ChevronRight,
+  SortRounded,
+  AccessTimeRounded,
+  SortByAlphaRounded,
+} from "@mui/icons-material";
 import {
   Box,
   Typography,
@@ -15,23 +26,13 @@ import {
   IconButton,
 } from "@mui/material";
 import { useEffect, useState, useMemo, useCallback } from "react";
-import {
-  SignalWifi4Bar as SignalStrong,
-  SignalWifi3Bar as SignalGood,
-  SignalWifi2Bar as SignalMedium,
-  SignalWifi1Bar as SignalWeak,
-  SignalWifi0Bar as SignalNone,
-  WifiOff as SignalError,
-  ChevronRight,
-  SortRounded,
-  AccessTimeRounded,
-  SortByAlphaRounded,
-} from "@mui/icons-material";
+import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
+
 import { EnhancedCard } from "@/components/home/enhanced-card";
-import delayManager from "@/services/delay";
-import { useAppData } from "@/providers/app-data-provider";
 import { useProxySelection } from "@/hooks/use-proxy-selection";
+import { useAppData } from "@/providers/app-data-provider";
+import delayManager from "@/services/delay";
 
 // 本地存储的键名
 const STORAGE_KEY_GROUP = "clash-verge-selected-proxy-group";

src/components/home/enhanced-canvas-traffic-graph.tsx

@@ -1,3 +1,4 @@
+import { Box, useTheme } from "@mui/material";
 import {
   forwardRef,
   useImperativeHandle,
@@ -8,13 +9,13 @@ import {
   useRef,
   memo,
 } from "react";
-import { Box, useTheme } from "@mui/material";
 import { useTranslation } from "react-i18next";
-import parseTraffic from "@/utils/parse-traffic";
+
 import {
   useTrafficGraphDataEnhanced,
   type ITrafficDataPoint,
 } from "@/hooks/use-traffic-monitor";
+import parseTraffic from "@/utils/parse-traffic";
 
 // 流量数据项接口
 interface ITrafficItem {

src/components/home/enhanced-traffic-stats.tsx

@@ -1,14 +1,3 @@
-import { useRef, useCallback, memo, useMemo } from "react";
-import { useTranslation } from "react-i18next";
-import {
-  Typography,
-  Paper,
-  alpha,
-  useTheme,
-  PaletteColor,
-  Grid,
-  Box,
-} from "@mui/material";
 import {
   ArrowUpwardRounded,
   ArrowDownwardRounded,
@@ -17,19 +6,32 @@ import {
   CloudUploadRounded,
   CloudDownloadRounded,
 } from "@mui/icons-material";
+import {
+  Typography,
+  Paper,
+  alpha,
+  useTheme,
+  PaletteColor,
+  Grid,
+  Box,
+} from "@mui/material";
+import { useRef, useCallback, memo, useMemo } from "react";
+import { ReactNode } from "react";
+import { useTranslation } from "react-i18next";
+import useSWR from "swr";
+
 import {
   EnhancedCanvasTrafficGraph,
   type EnhancedCanvasTrafficGraphRef,
 } from "./enhanced-canvas-traffic-graph";
-import { useVisibility } from "@/hooks/use-visibility";
-import { useVerge } from "@/hooks/use-verge";
-import parseTraffic from "@/utils/parse-traffic";
-import { isDebugEnabled, gc } from "@/services/cmds";
-import { ReactNode } from "react";
-import { useAppData } from "@/providers/app-data-provider";
-import { useTrafficDataEnhanced } from "@/hooks/use-traffic-monitor";
+
 import { TrafficErrorBoundary } from "@/components/common/traffic-error-boundary";
-import useSWR from "swr";
+import { useTrafficDataEnhanced } from "@/hooks/use-traffic-monitor";
+import { useVerge } from "@/hooks/use-verge";
+import { useVisibility } from "@/hooks/use-visibility";
+import { useAppData } from "@/providers/app-data-provider";
+import { isDebugEnabled, gc } from "@/services/cmds";
+import parseTraffic from "@/utils/parse-traffic";
 
 interface StatCardProps {
   icon: ReactNode;

src/components/home/home-profile-card.tsx

@@ -1,4 +1,12 @@
-import { useTranslation } from "react-i18next";
+import {
+  CloudUploadOutlined,
+  StorageOutlined,
+  UpdateOutlined,
+  DnsOutlined,
+  SpeedOutlined,
+  EventOutlined,
+  LaunchOutlined,
+} from "@mui/icons-material";
 import {
   Box,
   Typography,
@@ -10,24 +18,18 @@ import {
   Link,
   keyframes,
 } from "@mui/material";
-import { useNavigate } from "react-router-dom";
-import {
-  CloudUploadOutlined,
-  StorageOutlined,
-  UpdateOutlined,
-  DnsOutlined,
-  SpeedOutlined,
-  EventOutlined,
-  LaunchOutlined,
-} from "@mui/icons-material";
-import dayjs from "dayjs";
-import parseTraffic from "@/utils/parse-traffic";
-import { useMemo, useCallback, useState } from "react";
-import { openWebUrl, updateProfile } from "@/services/cmds";
 import { useLockFn } from "ahooks";
-import { showNotice } from "@/services/noticeService";
+import dayjs from "dayjs";
+import { useMemo, useCallback, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+
 import { EnhancedCard } from "./enhanced-card";
+
 import { useAppData } from "@/providers/app-data-provider";
+import { openWebUrl, updateProfile } from "@/services/cmds";
+import { showNotice } from "@/services/noticeService";
+import parseTraffic from "@/utils/parse-traffic";
 
 // 定义旋转动画
 const round = keyframes`

src/components/home/ip-info-card.tsx

@@ -1,14 +1,16 @@
-import { useTranslation } from "react-i18next";
-import { Box, Typography, Button, Skeleton, IconButton } from "@mui/material";
 import {
   LocationOnOutlined,
   RefreshOutlined,
   VisibilityOutlined,
   VisibilityOffOutlined,
 } from "@mui/icons-material";
-import { EnhancedCard } from "./enhanced-card";
-import { getIpInfo } from "@/services/api";
+import { Box, Typography, Button, Skeleton, IconButton } from "@mui/material";
 import { useState, useEffect, useCallback, memo } from "react";
+import { useTranslation } from "react-i18next";
+
+import { EnhancedCard } from "./enhanced-card";
+
+import { getIpInfo } from "@/services/api";
 
 // 定义刷新时间（秒）
 const IP_REFRESH_SECONDS = 300;

src/components/home/proxy-tun-card.tsx

@@ -1,4 +1,9 @@
-import { useTranslation } from "react-i18next";
+import {
+  ComputerRounded,
+  TroubleshootRounded,
+  HelpOutlineRounded,
+  SvgIconComponent,
+} from "@mui/icons-material";
 import {
   Box,
   Typography,
@@ -10,16 +15,12 @@ import {
   Fade,
 } from "@mui/material";
 import { useState, useMemo, memo, FC } from "react";
+import { useTranslation } from "react-i18next";
+
 import ProxyControlSwitches from "@/components/shared/ProxyControlSwitches";
-import {
-  ComputerRounded,
-  TroubleshootRounded,
-  HelpOutlineRounded,
-  SvgIconComponent,
-} from "@mui/icons-material";
-import { useVerge } from "@/hooks/use-verge";
-import { useSystemState } from "@/hooks/use-system-state";
 import { useSystemProxyState } from "@/hooks/use-system-proxy-state";
+import { useSystemState } from "@/hooks/use-system-state";
+import { useVerge } from "@/hooks/use-verge";
 import { showNotice } from "@/services/noticeService";
 
 const LOCAL_STORAGE_TAB_KEY = "clash-verge-proxy-active-tab";

src/components/home/system-info-card.tsx

@@ -1,12 +1,3 @@
-import { useTranslation } from "react-i18next";
-import {
-  Typography,
-  Stack,
-  Divider,
-  Chip,
-  IconButton,
-  Tooltip,
-} from "@mui/material";
 import {
   InfoOutlined,
   SettingsOutlined,
@@ -15,18 +6,29 @@ import {
   DnsOutlined,
   ExtensionOutlined,
 } from "@mui/icons-material";
-import { useVerge } from "@/hooks/use-verge";
-import { EnhancedCard } from "./enhanced-card";
-import useSWR from "swr";
-import { getSystemInfo } from "@/services/cmds";
-import { useNavigate } from "react-router-dom";
+import {
+  Typography,
+  Stack,
+  Divider,
+  Chip,
+  IconButton,
+  Tooltip,
+} from "@mui/material";
 import { version as appVersion } from "@root/package.json";
-import { useCallback, useEffect, useMemo, useState } from "react";
 import { check as checkUpdate } from "@tauri-apps/plugin-updater";
 import { useLockFn } from "ahooks";
-import { showNotice } from "@/services/noticeService";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import useSWR from "swr";
+
+import { EnhancedCard } from "./enhanced-card";
+
 import { useSystemState } from "@/hooks/use-system-state";
+import { useVerge } from "@/hooks/use-verge";
 import { useServiceInstaller } from "@/hooks/useServiceInstaller";
+import { getSystemInfo } from "@/services/cmds";
+import { showNotice } from "@/services/noticeService";
 
 export const SystemInfoCard = () => {
   const { t } = useTranslation();

src/components/home/test-card.tsx

@@ -1,6 +1,3 @@
-import { useEffect, useRef, useMemo, useCallback } from "react";
-import { useVerge } from "@/hooks/use-verge";
-import { Box, IconButton, Tooltip, alpha, styled, Grid } from "@mui/material";
 import {
   DndContext,
   closestCenter,
@@ -10,13 +7,13 @@ import {
   DragEndEvent,
 } from "@dnd-kit/core";
 import { SortableContext } from "@dnd-kit/sortable";
-
-import { useTranslation } from "react-i18next";
-import { TestViewer, TestViewerRef } from "@/components/test/test-viewer";
-import { TestItem } from "@/components/test/test-item";
+import { Add, NetworkCheck } from "@mui/icons-material";
+import { Box, IconButton, Tooltip, alpha, styled, Grid } from "@mui/material";
 import { emit } from "@tauri-apps/api/event";
 import { nanoid } from "nanoid";
-import { Add, NetworkCheck } from "@mui/icons-material";
+import { useEffect, useRef, useMemo, useCallback } from "react";
+import { useTranslation } from "react-i18next";
+
 import { EnhancedCard } from "./enhanced-card";
 
 // test icons
@@ -24,6 +21,9 @@ import apple from "@/assets/image/test/apple.svg?raw";
 import github from "@/assets/image/test/github.svg?raw";
 import google from "@/assets/image/test/google.svg?raw";
 import youtube from "@/assets/image/test/youtube.svg?raw";
+import { TestItem } from "@/components/test/test-item";
+import { TestViewer, TestViewerRef } from "@/components/test/test-viewer";
+import { useVerge } from "@/hooks/use-verge";
 
 // 自定义滚动条样式
 const ScrollBox = styled(Box)(({ theme }) => ({