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/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 },