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/connection/connection-detail.tsx

@@ -1,10 +1,11 @@
-import dayjs from "dayjs";
-import { forwardRef, useImperativeHandle, useState } from "react";
-import { useLockFn } from "ahooks";
 import { Box, Button, Snackbar, useTheme } from "@mui/material";
+import { useLockFn } from "ahooks";
+import dayjs from "dayjs";
+import { t } from "i18next";
+import { forwardRef, useImperativeHandle, useState } from "react";
+
 import { deleteConnection } from "@/services/cmds";
 import parseTraffic from "@/utils/parse-traffic";
-import { t } from "i18next";
 
 export interface ConnectionDetailRef {
   open: (detail: IConnectionsItem) => void;

src/components/connection/connection-item.tsx

@@ -1,5 +1,4 @@
-import dayjs from "dayjs";
-import { useLockFn } from "ahooks";
+import { CloseRounded } from "@mui/icons-material";
 import {
   styled,
   ListItem,
@@ -8,7 +7,9 @@ import {
   Box,
   alpha,
 } from "@mui/material";
-import { CloseRounded } from "@mui/icons-material";
+import { useLockFn } from "ahooks";
+import dayjs from "dayjs";
+
 import { deleteConnection } from "@/services/cmds";
 import parseTraffic from "@/utils/parse-traffic";
 

src/components/connection/connection-table.tsx

@@ -1,10 +1,11 @@
-import dayjs from "dayjs";
-import { useMemo, useState } from "react";
 import { DataGrid, GridColDef, GridColumnResizeParams } from "@mui/x-data-grid";
-import { truncateStr } from "@/utils/truncate-str";
-import parseTraffic from "@/utils/parse-traffic";
-import { t } from "i18next";
+import dayjs from "dayjs";
 import { useLocalStorage } from "foxact/use-local-storage";
+import { t } from "i18next";
+import { useMemo, useState } from "react";
+
+import parseTraffic from "@/utils/parse-traffic";
+import { truncateStr } from "@/utils/truncate-str";
 
 interface Props {
   connections: IConnectionsItem[];