Refactor imports across multiple components for consistency and clarity

- Reorganized import statements in various components to ensure consistent ordering and grouping.
- Removed unnecessary imports and added missing ones where applicable.
- Improved readability and maintainability of the codebase by standardizing import styles.

src/components/setting/mods/backup-viewer.tsx

@@ -10,16 +10,16 @@ import {
 } from "react";
 import { useTranslation } from "react-i18next";
 
+import { BaseDialog, DialogRef } from "@/components/base";
+import { BaseLoadingOverlay } from "@/components/base";
+import { listWebDavBackup } from "@/services/cmds";
+
 import { BackupConfigViewer } from "./backup-config-viewer";
 import {
   BackupTableViewer,
   BackupFile,
   DEFAULT_ROWS_PER_PAGE,
 } from "./backup-table-viewer";
-
-import { BaseDialog, DialogRef } from "@/components/base";
-import { BaseLoadingOverlay } from "@/components/base";
-import { listWebDavBackup } from "@/services/cmds";
 dayjs.extend(customParseFormat);
 
 const DATE_FORMAT = "YYYY-MM-DD_HH-mm-ss";

src/components/setting/mods/hotkey-viewer.tsx

@@ -3,12 +3,12 @@ import { useLockFn } from "ahooks";
 import { forwardRef, useImperativeHandle, useState } from "react";
 import { useTranslation } from "react-i18next";
 
-import { HotkeyInput } from "./hotkey-input";
-
 import { BaseDialog, DialogRef, Switch } from "@/components/base";
 import { useVerge } from "@/hooks/use-verge";
 import { showNotice } from "@/services/noticeService";
 
+import { HotkeyInput } from "./hotkey-input";
+
 const ItemWrapper = styled("div")`
   display: flex;
   align-items: center;

src/components/setting/mods/layout-viewer.tsx

@@ -15,8 +15,6 @@ import { exists } from "@tauri-apps/plugin-fs";
 import { forwardRef, useEffect, useImperativeHandle, useState } from "react";
 import { useTranslation } from "react-i18next";
 
-import { GuardState } from "./guard-state";
-
 import { BaseDialog, DialogRef, Switch } from "@/components/base";
 import { TooltipIcon } from "@/components/base/base-tooltip-icon";
 import { useVerge } from "@/hooks/use-verge";
@@ -24,6 +22,8 @@ import { copyIconFile, getAppDir } from "@/services/cmds";
 import { showNotice } from "@/services/noticeService";
 import getSystem from "@/utils/get-system";
 
+import { GuardState } from "./guard-state";
+
 const OS = getSystem();
 
 const getIcons = async (icon_dir: string, name: string) => {

src/components/setting/mods/tun-viewer.tsx

@@ -11,14 +11,14 @@ import { useLockFn } from "ahooks";
 import { forwardRef, useImperativeHandle, useState } from "react";
 import { useTranslation } from "react-i18next";
 
-import { StackModeSwitch } from "./stack-mode-switch";
-
 import { BaseDialog, DialogRef, Switch } from "@/components/base";
 import { useClash } from "@/hooks/use-clash";
 import { enhanceProfiles } from "@/services/cmds";
 import { showNotice } from "@/services/noticeService";
 import getSystem from "@/utils/get-system";
 
+import { StackModeSwitch } from "./stack-mode-switch";
+
 const OS = getSystem();
 
 export const TunViewer = forwardRef<DialogRef>((props, ref) => {

src/components/setting/mods/web-ui-viewer.tsx

@@ -3,14 +3,14 @@ import { useLockFn } from "ahooks";
 import { forwardRef, useImperativeHandle, useState } from "react";
 import { useTranslation } from "react-i18next";
 
-import { WebUIItem } from "./web-ui-item";
-
 import { BaseDialog, BaseEmpty, DialogRef } from "@/components/base";
 import { useClashInfo } from "@/hooks/use-clash";
 import { useVerge } from "@/hooks/use-verge";
 import { openWebUrl } from "@/services/cmds";
 import { showNotice } from "@/services/noticeService";
 
+import { WebUIItem } from "./web-ui-item";
+
 export const WebUIViewer = forwardRef<DialogRef>((props, ref) => {
   const { t } = useTranslation();
 

src/components/setting/setting-clash.tsx

@@ -5,6 +5,15 @@ import { useLockFn } from "ahooks";
 import { useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 
+import { DialogRef, Switch } from "@/components/base";
+import { TooltipIcon } from "@/components/base/base-tooltip-icon";
+import { useClash } from "@/hooks/use-clash";
+import { useVerge } from "@/hooks/use-verge";
+import { invoke_uwp_tool } from "@/services/cmds";
+import { updateGeoData } from "@/services/cmds";
+import { showNotice } from "@/services/noticeService";
+import getSystem from "@/utils/get-system";
+
 import { ClashCoreViewer } from "./mods/clash-core-viewer";
 import { ClashPortViewer } from "./mods/clash-port-viewer";
 import { ControllerViewer } from "./mods/controller-viewer";
@@ -15,15 +24,6 @@ import { NetworkInterfaceViewer } from "./mods/network-interface-viewer";
 import { SettingItem, SettingList } from "./mods/setting-comp";
 import { WebUIViewer } from "./mods/web-ui-viewer";
 
-import { DialogRef, Switch } from "@/components/base";
-import { TooltipIcon } from "@/components/base/base-tooltip-icon";
-import { useClash } from "@/hooks/use-clash";
-import { useVerge } from "@/hooks/use-verge";
-import { invoke_uwp_tool } from "@/services/cmds";
-import { updateGeoData } from "@/services/cmds";
-import { showNotice } from "@/services/noticeService";
-import getSystem from "@/utils/get-system";
-
 const isWIN = getSystem() === "windows";
 
 interface Props {

src/components/setting/setting-system.tsx

@@ -4,11 +4,6 @@ import React, { useRef } from "react";
 import { useTranslation } from "react-i18next";
 import { mutate } from "swr";
 
-import { GuardState } from "./mods/guard-state";
-import { SettingList, SettingItem } from "./mods/setting-comp";
-import { SysproxyViewer } from "./mods/sysproxy-viewer";
-import { TunViewer } from "./mods/tun-viewer";
-
 import { DialogRef, Switch } from "@/components/base";
 import { TooltipIcon } from "@/components/base/base-tooltip-icon";
 import ProxyControlSwitches from "@/components/shared/ProxyControlSwitches";
@@ -16,6 +11,11 @@ import { useSystemState } from "@/hooks/use-system-state";
 import { useVerge } from "@/hooks/use-verge";
 import { showNotice } from "@/services/noticeService";
 
+import { GuardState } from "./mods/guard-state";
+import { SettingList, SettingItem } from "./mods/setting-comp";
+import { SysproxyViewer } from "./mods/sysproxy-viewer";
+import { TunViewer } from "./mods/tun-viewer";
+
 interface Props {
   onError?: (err: Error) => void;
 }

src/components/setting/setting-verge-advanced.tsx

@@ -1,20 +1,9 @@
 import { ContentCopyRounded } from "@mui/icons-material";
 import { Typography } from "@mui/material";
-import { version } from "@root/package.json";
 import { check as checkUpdate } from "@tauri-apps/plugin-updater";
 import { useCallback, useRef } from "react";
 import { useTranslation } from "react-i18next";
 
-import { BackupViewer } from "./mods/backup-viewer";
-import { ConfigViewer } from "./mods/config-viewer";
-import { HotkeyViewer } from "./mods/hotkey-viewer";
-import { LayoutViewer } from "./mods/layout-viewer";
-import { LiteModeViewer } from "./mods/lite-mode-viewer";
-import { MiscViewer } from "./mods/misc-viewer";
-import { SettingList, SettingItem } from "./mods/setting-comp";
-import { ThemeViewer } from "./mods/theme-viewer";
-import { UpdateViewer } from "./mods/update-viewer";
-
 import { DialogRef } from "@/components/base";
 import { TooltipIcon } from "@/components/base/base-tooltip-icon";
 import {
@@ -26,6 +15,17 @@ import {
   exportDiagnosticInfo,
 } from "@/services/cmds";
 import { showNotice } from "@/services/noticeService";
+import { version } from "@root/package.json";
+
+import { BackupViewer } from "./mods/backup-viewer";
+import { ConfigViewer } from "./mods/config-viewer";
+import { HotkeyViewer } from "./mods/hotkey-viewer";
+import { LayoutViewer } from "./mods/layout-viewer";
+import { LiteModeViewer } from "./mods/lite-mode-viewer";
+import { MiscViewer } from "./mods/misc-viewer";
+import { SettingList, SettingItem } from "./mods/setting-comp";
+import { ThemeViewer } from "./mods/theme-viewer";
+import { UpdateViewer } from "./mods/update-viewer";
 
 interface Props {
   onError?: (err: Error) => void;

src/components/setting/setting-verge-basic.tsx

@@ -4,6 +4,15 @@ import { open } from "@tauri-apps/plugin-dialog";
 import { useCallback, useRef } from "react";
 import { useTranslation } from "react-i18next";
 
+import { DialogRef } from "@/components/base";
+import { TooltipIcon } from "@/components/base/base-tooltip-icon";
+import { useVerge } from "@/hooks/use-verge";
+import { routers } from "@/pages/_routers";
+import { copyClashEnv } from "@/services/cmds";
+import { supportedLanguages } from "@/services/i18n";
+import { showNotice } from "@/services/noticeService";
+import getSystem from "@/utils/get-system";
+
 import { BackupViewer } from "./mods/backup-viewer";
 import { ConfigViewer } from "./mods/config-viewer";
 import { GuardState } from "./mods/guard-state";
@@ -15,15 +24,6 @@ import { ThemeModeSwitch } from "./mods/theme-mode-switch";
 import { ThemeViewer } from "./mods/theme-viewer";
 import { UpdateViewer } from "./mods/update-viewer";
 
-import { DialogRef } from "@/components/base";
-import { TooltipIcon } from "@/components/base/base-tooltip-icon";
-import { useVerge } from "@/hooks/use-verge";
-import { routers } from "@/pages/_routers";
-import { copyClashEnv } from "@/services/cmds";
-import { supportedLanguages } from "@/services/i18n";
-import { showNotice } from "@/services/noticeService";
-import getSystem from "@/utils/get-system";
-
 interface Props {
   onError?: (err: Error) => void;
 }