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-chain.tsx

@@ -1,23 +1,3 @@
-import { useState, useCallback, useEffect, useRef } from "react";
-import {
-  Box,
-  Paper,
-  Typography,
-  IconButton,
-  Chip,
-  Alert,
-  useTheme,
-  Button,
-} from "@mui/material";
-import { useTranslation } from "react-i18next";
-import { useAppData } from "@/providers/app-data-provider";
-import {
-  updateProxyChainConfigInRuntime,
-  updateProxyAndSync,
-  getProxies,
-  closeAllConnections,
-} from "@/services/cmds";
-import useSWR from "swr";
 import {
   DndContext,
   closestCenter,
@@ -38,11 +18,30 @@ import { CSS } from "@dnd-kit/utilities";
 import {
   Delete as DeleteIcon,
   DragIndicator,
-  ClearAll,
-  Save,
   Link,
   LinkOff,
 } from "@mui/icons-material";
+import {
+  Box,
+  Paper,
+  Typography,
+  IconButton,
+  Chip,
+  Alert,
+  useTheme,
+  Button,
+} from "@mui/material";
+import { useState, useCallback, useEffect, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import useSWR from "swr";
+
+import { useAppData } from "@/providers/app-data-provider";
+import {
+  updateProxyChainConfigInRuntime,
+  updateProxyAndSync,
+  getProxies,
+  closeAllConnections,
+} from "@/services/cmds";
 
 interface ProxyChainItem {
   id: string;