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-proxy-selection.ts

@@ -1,5 +1,8 @@
-import { useCallback, useMemo } from "react";
 import { useLockFn } from "ahooks";
+import { useCallback, useMemo } from "react";
+
+import { useProfiles } from "@/hooks/use-profiles";
+import { useVerge } from "@/hooks/use-verge";
 import {
   updateProxy,
   updateProxyAndSync,
@@ -8,8 +11,6 @@ import {
   getConnections,
   deleteConnection,
 } from "@/services/cmds";
-import { useProfiles } from "@/hooks/use-profiles";
-import { useVerge } from "@/hooks/use-verge";
 
 // 缓存连接清理
 const cleanupConnections = async (previousProxy: string) => {