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/hooks/use-verge.ts

@@ -1,8 +1,9 @@
-import useSWR from "swr";
 import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import { getVergeConfig, patchVergeConfig } from "@/services/cmds";
+import useSWR from "swr";
+
 import { useSystemState } from "@/hooks/use-system-state";
+import { getVergeConfig, patchVergeConfig } from "@/services/cmds";
 import { showNotice } from "@/services/noticeService";
 
 export const useVerge = () => {