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/providers/app-data-provider.tsx

@@ -1,3 +1,4 @@
+import { listen } from "@tauri-apps/api/event";
 import React, {
   createContext,
   useContext,
@@ -5,8 +6,11 @@ import React, {
   useMemo,
   useRef,
 } from "react";
-import { useVerge } from "@/hooks/use-verge";
 import useSWR from "swr";
+
+import { useClashInfo } from "@/hooks/use-clash";
+import { useVerge } from "@/hooks/use-verge";
+import { useVisibility } from "@/hooks/use-visibility";
 import {
   getProxies,
   getRules,
@@ -23,9 +27,6 @@ import {
   getAppUptime,
   forceRefreshProxies,
 } from "@/services/cmds";
-import { useClashInfo } from "@/hooks/use-clash";
-import { useVisibility } from "@/hooks/use-visibility";
-import { listen } from "@tauri-apps/api/event";
 
 // 连接速度计算接口
 interface ConnectionSpeedData {