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/layout/layout-item.tsx

@@ -6,6 +6,7 @@ import {
   ListItemIcon,
 } from "@mui/material";
 import { useMatch, useResolvedPath, useNavigate } from "react-router-dom";
+
 import { useVerge } from "@/hooks/use-verge";
 interface Props {
   to: string;

src/components/layout/layout-traffic.tsx

@@ -1,21 +1,23 @@
-import { useEffect, useRef } from "react";
-import { Box, Typography } from "@mui/material";
 import {
   ArrowDownwardRounded,
   ArrowUpwardRounded,
   MemoryRounded,
 } from "@mui/icons-material";
-import { useClashInfo } from "@/hooks/use-clash";
-import { useVerge } from "@/hooks/use-verge";
-import { TrafficGraph, type TrafficRef } from "./traffic-graph";
-import { useVisibility } from "@/hooks/use-visibility";
-import parseTraffic from "@/utils/parse-traffic";
+import { Box, Typography } from "@mui/material";
+import { useEffect, useRef } from "react";
 import { useTranslation } from "react-i18next";
-import { isDebugEnabled, gc, startTrafficService } from "@/services/cmds";
-import { useTrafficDataEnhanced } from "@/hooks/use-traffic-monitor";
-import { LightweightTrafficErrorBoundary } from "@/components/common/traffic-error-boundary";
 import useSWR from "swr";
 
+import { TrafficGraph, type TrafficRef } from "./traffic-graph";
+
+import { LightweightTrafficErrorBoundary } from "@/components/common/traffic-error-boundary";
+import { useClashInfo } from "@/hooks/use-clash";
+import { useTrafficDataEnhanced } from "@/hooks/use-traffic-monitor";
+import { useVerge } from "@/hooks/use-verge";
+import { useVisibility } from "@/hooks/use-visibility";
+import { isDebugEnabled, gc, startTrafficService } from "@/services/cmds";
+import parseTraffic from "@/utils/parse-traffic";
+
 // setup the traffic
 export const LayoutTraffic = () => {
   const { data: isDebug } = useSWR(

src/components/layout/scroll-top-button.tsx

@@ -1,5 +1,5 @@
-import { IconButton, Fade, SxProps, Theme } from "@mui/material";
 import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
+import { IconButton, Fade, SxProps, Theme } from "@mui/material";
 
 interface Props {
   onClick: () => void;

src/components/layout/traffic-graph.tsx

@@ -1,5 +1,5 @@
-import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 import { useTheme } from "@mui/material";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 
 const maxPoint = 30;
 

src/components/layout/update-button.tsx

@@ -1,9 +1,11 @@
-import useSWR from "swr";
-import { useRef } from "react";
 import { Button } from "@mui/material";
 import { check } from "@tauri-apps/plugin-updater";
-import { UpdateViewer } from "../setting/mods/update-viewer";
+import { useRef } from "react";
+import useSWR from "swr";
+
 import { DialogRef } from "../base";
+import { UpdateViewer } from "../setting/mods/update-viewer";
+
 import { useVerge } from "@/hooks/use-verge";
 
 interface Props {

src/components/layout/use-custom-theme.ts

@@ -1,6 +1,3 @@
-import { useVerge } from "@/hooks/use-verge";
-import { defaultDarkTheme, defaultTheme } from "@/pages/_theme";
-import { useSetThemeMode, useThemeMode } from "@/services/states";
 import { alpha, createTheme, Theme as MuiTheme, Shadows } from "@mui/material";
 import {
   arSD as arXDataGrid,
@@ -17,6 +14,10 @@ import { Theme as TauriOsTheme } from "@tauri-apps/api/window";
 import { useEffect, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 
+import { useVerge } from "@/hooks/use-verge";
+import { defaultDarkTheme, defaultTheme } from "@/pages/_theme";
+import { useSetThemeMode, useThemeMode } from "@/services/states";
+
 const languagePackMap: Record<string, any> = {
   zh: { ...zhXDataGrid },
   fa: { ...faXDataGrid },