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/setting/mods/config-viewer.tsx

@@ -1,9 +1,10 @@
+import { Box, Chip } from "@mui/material";
 import { forwardRef, useImperativeHandle, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { Box, Chip } from "@mui/material";
-import { getRuntimeYaml } from "@/services/cmds";
+
 import { DialogRef } from "@/components/base";
 import { EditorViewer } from "@/components/profile/editor-viewer";
+import { getRuntimeYaml } from "@/services/cmds";
 
 export const ConfigViewer = forwardRef<DialogRef>((_, ref) => {
   const { t } = useTranslation();