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/proxy/proxy-item.tsx

@@ -1,5 +1,3 @@
-import { useEffect, useState } from "react";
-import { useLockFn } from "ahooks";
 import { CheckCircleOutlineRounded } from "@mui/icons-material";
 import {
   alpha,
@@ -12,9 +10,12 @@ import {
   SxProps,
   Theme,
 } from "@mui/material";
+import { useLockFn } from "ahooks";
+import { useEffect, useState } from "react";
+
 import { BaseLoading } from "@/components/base";
-import delayManager from "@/services/delay";
 import { useVerge } from "@/hooks/use-verge";
+import delayManager from "@/services/delay";
 
 interface Props {
   group: IProxyGroupItem;