[Refactor] Refactor the way import files.

Organize some codes.

src-ui/app/main_page/sidebar_section/SidebarSection.jsx

@@ -2,7 +2,7 @@ import clsx from "clsx";
 
 import styles from "./SidebarSection.module.scss";
 import { useStore_IsOpenedLanguageSelector } from "@store";
-import { useIsMainPageCompactMode } from "@logics_main/useIsMainPageCompactMode";
+import { useIsMainPageCompactMode } from "@logics_main";
 
 import { Logo } from "./logo/Logo";
 import { MainFunctionSwitch } from "./main_function_switch/MainFunctionSwitch";

src-ui/app/main_page/sidebar_section/language_settings/LanguageSettings.jsx

@@ -23,8 +23,10 @@ export const LanguageSettings = () => {
 import MicSvg from "@images/mic.svg?react";
 import HeadphonesSvg from "@images/headphones.svg?react";
 import { useStore_IsOpenedLanguageSelector } from "@store";
-import { useMainFunction } from "@logics_main/useMainFunction";
-import { useLanguageSettings } from "@logics_main/useLanguageSettings";
+import {
+    useMainFunction,
+    useLanguageSettings,
+} from "@logics_main";
 
 // 言語セレクターをトグルする処理を関数化
 const toggleSelector = (selector, currentStatus, updateSelector) => {

src-ui/app/main_page/sidebar_section/language_settings/language_swap_button/LanguageSwapButton.jsx

@@ -5,7 +5,7 @@ import { useTranslation } from "react-i18next";
 import styles from "./LanguageSwapButton.module.scss";
 
 import NarrowArrowDownSvg from "@images/narrow_arrow_down.svg?react";
-import { useLanguageSettings } from "@logics_main/useLanguageSettings";
+import { useLanguageSettings } from "@logics_main";
 
 export const LanguageSwapButton = () => {
     const [isHovered, setIsHovered] = useState(false);

src-ui/app/main_page/sidebar_section/language_settings/preset_tab_selector/PresetTabSelector.jsx

@@ -12,7 +12,7 @@ export const PresetTabSelector = () => {
 
 import clsx from "clsx";
 
-import { useLanguageSettings } from "@logics_main/useLanguageSettings";
+import { useLanguageSettings } from "@logics_main";
 
 const Tab = (props) => {
     const { currentSelectedPresetTabNumber, setSelectedPresetTabNumber } = useLanguageSettings();

src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/TranslatorSelectorOpenButton.jsx

@@ -3,7 +3,7 @@ import { useTranslation } from "react-i18next";
 import styles from "./TranslatorSelectorOpenButton.module.scss";
 import { TranslatorSelector } from "./translator_selector/TranslatorSelector";
 import { useStore_IsOpenedTranslatorSelector } from "@store";
-import { useLanguageSettings } from "@logics_main/useLanguageSettings";
+import { useLanguageSettings } from "@logics_main";
 
 export const TranslatorSelectorOpenButton = () => {
     const { t } = useTranslation();

src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/translator_selector/TranslatorSelector.jsx

@@ -1,8 +1,9 @@
+import clsx from "clsx";
 import styles from "./TranslatorSelector.module.scss";
 import { chunkArray } from "@utils/chunkArray";
 
 import { useStore_IsOpenedTranslatorSelector } from "@store";
-import { useLanguageSettings } from "@logics_main/useLanguageSettings";
+import { useLanguageSettings } from "@logics_main";
 
 export const TranslatorSelector = ({selected_translator_id, translation_engines}) => {
     const columns = (translation_engines.data !== undefined) ? chunkArray(translation_engines.data, 2) : [];
@@ -28,7 +29,6 @@ export const TranslatorSelector = ({selected_translator_id, translation_engines}
     );
 };
 
-import clsx from "clsx";
 const TranslatorBox = (props) => {
     const { currentSelectedPresetTabNumber, currentSelectedTranslationEngines, setSelectedTranslationEngines} = useLanguageSettings();
     const { updateIsOpenedTranslatorSelector} = useStore_IsOpenedTranslatorSelector();

src-ui/app/main_page/sidebar_section/logo/Logo.jsx

@@ -11,7 +11,7 @@ export const Logo = () => {
 
 import vrct_logo from "@images/vrct_logo_for_dark_mode.png";
 import chato_img from "@images/chato_white.png";
-import { useIsMainPageCompactMode } from "@logics_main/useIsMainPageCompactMode";
+import { useIsMainPageCompactMode } from "@logics_main";
 
 export const LogoBox = () => {
     const { currentIsMainPageCompactMode } = useIsMainPageCompactMode();

src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.jsx

@@ -5,9 +5,10 @@ import TranslationSvg from "@images/translation.svg?react";
 import MicSvg from "@images/mic.svg?react";
 import HeadphonesSvg from "@images/headphones.svg?react";
 import ForegroundSvg from "@images/foreground.svg?react";
-import { useIsMainPageCompactMode } from "@logics_main/useIsMainPageCompactMode";
-
-import { useMainFunction } from "@logics_main/useMainFunction";
+import {
+    useIsMainPageCompactMode,
+    useMainFunction,
+} from "@logics_main";
 
 export const MainFunctionSwitch = () => {
     const { t } = useTranslation();

src-ui/app/main_page/sidebar_section/open_settings/OpenSettings.jsx

@@ -1,5 +1,5 @@
 import styles from "./OpenSettings.module.scss";
-import { useIsOpenedConfigPage } from "@logics_common/useIsOpenedConfigPage";
+import { useIsOpenedConfigPage } from "@logics_common";
 import ConfigurationSvg from "@images/configuration.svg?react";
 
 export const OpenSettings = () => {