Refactor imports across multiple components for consistency and clarity

- Reorganized import statements in various components to ensure consistent ordering and grouping.
- Removed unnecessary imports and added missing ones where applicable.
- Improved readability and maintainability of the codebase by standardizing import styles.

src/components/layout/layout-traffic.tsx

@@ -8,8 +8,6 @@ import { useEffect, useRef } from "react";
 import { useTranslation } from "react-i18next";
 import useSWR from "swr";
 
-import { TrafficGraph, type TrafficRef } from "./traffic-graph";
-
 import { LightweightTrafficErrorBoundary } from "@/components/common/traffic-error-boundary";
 import { useClashInfo } from "@/hooks/use-clash";
 import { useTrafficDataEnhanced } from "@/hooks/use-traffic-monitor";
@@ -18,6 +16,8 @@ import { useVisibility } from "@/hooks/use-visibility";
 import { isDebugEnabled, gc, startTrafficService } from "@/services/cmds";
 import parseTraffic from "@/utils/parse-traffic";
 
+import { TrafficGraph, type TrafficRef } from "./traffic-graph";
+
 // setup the traffic
 export const LayoutTraffic = () => {
   const { data: isDebug } = useSWR(

src/components/layout/update-button.tsx

@@ -3,11 +3,11 @@ import { check } from "@tauri-apps/plugin-updater";
 import { useRef } from "react";
 import useSWR from "swr";
 
+import { useVerge } from "@/hooks/use-verge";
+
 import { DialogRef } from "../base";
 import { UpdateViewer } from "../setting/mods/update-viewer";
 
-import { useVerge } from "@/hooks/use-verge";
-
 interface Props {
   className?: string;
 }