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/use-render-list.ts

@@ -1,14 +1,16 @@
 import { useEffect, useMemo } from "react";
-import { useVerge } from "@/hooks/use-verge";
+import useSWR from "swr";
+
 import { filterSort } from "./use-filter-sort";
-import { useWindowWidth } from "./use-window-width";
 import {
   useHeadStateNew,
   DEFAULT_STATE,
   type HeadState,
 } from "./use-head-state";
+import { useWindowWidth } from "./use-window-width";
+
+import { useVerge } from "@/hooks/use-verge";
 import { useAppData } from "@/providers/app-data-provider";
-import useSWR from "swr";
 import { getRuntimeConfig } from "@/services/cmds";
 import delayManager from "@/services/delay";