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/base/NoticeManager.tsx

@@ -1,6 +1,7 @@
-import React, { useSyncExternalStore } from "react";
-import { Snackbar, Alert, IconButton, Box } from "@mui/material";
 import { CloseRounded } from "@mui/icons-material";
+import { Snackbar, Alert, IconButton, Box } from "@mui/material";
+import React, { useSyncExternalStore } from "react";
+
 import {
   subscribeNotices,
   hideNotice,

src/components/base/base-dialog.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { LoadingButton } from "@mui/lab";
 import {
   Button,
   Dialog,
@@ -8,7 +8,7 @@ import {
   type SxProps,
   type Theme,
 } from "@mui/material";
-import { LoadingButton } from "@mui/lab";
+import { ReactNode } from "react";
 
 interface Props {
   title: ReactNode;

src/components/base/base-empty.tsx

@@ -1,5 +1,5 @@
-import { alpha, Box, Typography } from "@mui/material";
 import { InboxRounded } from "@mui/icons-material";
+import { alpha, Box, Typography } from "@mui/material";
 import { useTranslation } from "react-i18next";
 
 interface Props {

src/components/base/base-fieldset.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import { Box, styled } from "@mui/material";
+import React from "react";
 
 type Props = {
   label: string;

src/components/base/base-loading-overlay.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import { Box, CircularProgress } from "@mui/material";
+import React from "react";
 
 interface BaseLoadingOverlayProps {
   isLoading: boolean;

src/components/base/base-page.tsx

@@ -1,7 +1,8 @@
-import React, { ReactNode } from "react";
 import { Typography } from "@mui/material";
-import { BaseErrorBoundary } from "./base-error-boundary";
 import { useTheme } from "@mui/material/styles";
+import React, { ReactNode } from "react";
+
+import { BaseErrorBoundary } from "./base-error-boundary";
 
 interface Props {
   title?: React.ReactNode; // the page title

src/components/base/base-search-box.tsx

@@ -1,10 +1,11 @@
 import { Box, SvgIcon, TextField, styled } from "@mui/material";
 import Tooltip from "@mui/material/Tooltip";
 import { ChangeEvent, useEffect, useMemo, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+
 import matchCaseIcon from "@/assets/image/component/match_case.svg?react";
 import matchWholeWordIcon from "@/assets/image/component/match_whole_word.svg?react";
 import useRegularExpressionIcon from "@/assets/image/component/use_regular_expression.svg?react";
-import { useTranslation } from "react-i18next";
 
 export type SearchState = {
   text: string;

src/components/base/base-tooltip-icon.tsx

@@ -1,10 +1,10 @@
+import { InfoRounded } from "@mui/icons-material";
 import {
   Tooltip,
   IconButton,
   IconButtonProps,
   SvgIconProps,
 } from "@mui/material";
-import { InfoRounded } from "@mui/icons-material";
 
 interface Props extends IconButtonProps {
   title?: string;