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-head-state.ts

@@ -1,5 +1,7 @@
 import { useCallback, useEffect, useState } from "react";
+
 import { ProxySortType } from "./use-filter-sort";
+
 import { useProfiles } from "@/hooks/use-profiles";
 
 export interface HeadState {