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/pages/_layout.tsx

@@ -9,8 +9,6 @@ import { useTranslation } from "react-i18next";
 import { useLocation, useRoutes, useNavigate } from "react-router-dom";
 import { SWRConfig, mutate } from "swr";
 
-import { routers } from "./_routers";
-
 import iconDark from "@/assets/image/icon_dark.svg?react";
 import iconLight from "@/assets/image/icon_light.svg?react";
 import LogoSvg from "@/assets/image/logo.svg?react";
@@ -25,6 +23,8 @@ import { forceRefreshClashConfig } from "@/services/cmds";
 import { useThemeMode, useEnableLog } from "@/services/states";
 import getSystem from "@/utils/get-system";
 
+import { routers } from "./_routers";
+
 import "dayjs/locale/ru";
 import "dayjs/locale/zh-cn";
 

src/pages/_routers.tsx

@@ -7,15 +7,6 @@ import SettingsRoundedIcon from "@mui/icons-material/SettingsRounded";
 import SubjectRoundedIcon from "@mui/icons-material/SubjectRounded";
 import WifiRoundedIcon from "@mui/icons-material/WifiRounded";
 
-import ConnectionsPage from "./connections";
-import HomePage from "./home";
-import LogsPage from "./logs";
-import ProfilesPage from "./profiles";
-import ProxiesPage from "./proxies";
-import RulesPage from "./rules";
-import SettingsPage from "./settings";
-import UnlockPage from "./unlock";
-
 import ConnectionsSvg from "@/assets/image/itemicon/connections.svg?react";
 import HomeSvg from "@/assets/image/itemicon/home.svg?react";
 import LogsSvg from "@/assets/image/itemicon/logs.svg?react";
@@ -26,6 +17,15 @@ import SettingsSvg from "@/assets/image/itemicon/settings.svg?react";
 import UnlockSvg from "@/assets/image/itemicon/unlock.svg?react";
 import { BaseErrorBoundary } from "@/components/base";
 
+import ConnectionsPage from "./connections";
+import HomePage from "./home";
+import LogsPage from "./logs";
+import ProfilesPage from "./profiles";
+import ProxiesPage from "./proxies";
+import RulesPage from "./rules";
+import SettingsPage from "./settings";
+import UnlockPage from "./unlock";
+
 export const routers = [
   {
     label: "Label-Home",

src/pages/connections.tsx

@@ -1,13 +1,12 @@
 import {
+  PauseCircleOutlineRounded,
+  PlayCircleOutlineRounded,
   TableChartRounded,
   TableRowsRounded,
-  PlayCircleOutlineRounded,
-  PauseCircleOutlineRounded,
 } from "@mui/icons-material";
 import { Box, Button, IconButton, MenuItem } from "@mui/material";
-import { useTheme } from "@mui/material/styles";
 import { useLockFn } from "ahooks";
-import { useMemo, useRef, useState, useCallback } from "react";
+import { useCallback, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Virtuoso } from "react-virtuoso";
 
@@ -37,8 +36,6 @@ type OrderFunc = (list: IConnectionsItem[]) => IConnectionsItem[];
 const ConnectionsPage = () => {
   const { t } = useTranslation();
   const pageVisible = useVisibility();
-  const theme = useTheme();
-  const _isDark = theme.palette.mode === "dark";
   const [match, setMatch] = useState(() => (_: string) => true);
   const [curOrderOpt, setOrderOpt] = useState("Default");