[Refactor] Refactor the way import files.

Organize some codes.

src-ui/app/main_page/MainPage.jsx

@@ -2,7 +2,7 @@ import clsx from "clsx";
 import styles from "./MainPage.module.scss";
 import { SidebarSection } from "./sidebar_section/SidebarSection";
 import { MainSection } from "./main_section/MainSection";
-import { useIsOpenedConfigPage } from "@logics_common/useIsOpenedConfigPage";
+import { useIsOpenedConfigPage } from "@logics_common";
 
 export const MainPage = () => {
     const { currentIsOpenedConfigPage } = useIsOpenedConfigPage();

src-ui/app/main_page/main_section/MainSection.jsx

@@ -5,6 +5,7 @@ import { MessageContainer } from "./message_container/MessageContainer";
 import { LanguageSelector } from "./language_selector/LanguageSelector";
 
 import { useStore_IsOpenedLanguageSelector } from "@store";
+import { useLanguageSettings } from "@logics_main";
 
 export const MainSection = () => {
 
@@ -18,7 +19,6 @@ export const MainSection = () => {
 };
 
 
-import { useLanguageSettings } from "@logics_main/useLanguageSettings";
 const HandleLanguageSelector = () => {
     const { currentIsOpenedLanguageSelector, updateIsOpenedLanguageSelector } = useStore_IsOpenedLanguageSelector();
     const {

src-ui/app/main_page/main_section/language_selector/LanguageSelector.jsx

@@ -1,6 +1,6 @@
 import { useTranslation } from "react-i18next";
 
-import { useSelectableLanguageList } from "@logics_main/useSelectableLanguageList";
+import { useSelectableLanguageList } from "@logics_main";
 import styles from "./LanguageSelector.module.scss";
 
 import { LanguageSelectorTopBar } from "./language_selector_top_bar/LanguageSelectorTopBar";

src-ui/app/main_page/main_section/message_container/MessageContainer.jsx

@@ -4,7 +4,7 @@ import styles from "./MessageContainer.module.scss";
 import { appWindow } from "@tauri-apps/api/window"; // Tauriのwindow APIをインポート
 import { LogBox } from "./log_box/LogBox";
 import { MessageInputBox } from "./message_input_box/MessageInputBox";
-import { useMessageInputBoxRatio } from "@logics_main/useMessageInputBoxRatio";
+import { useMessageInputBoxRatio } from "@logics_main";
 
 export const MessageContainer = () => {
     const { currentMessageInputBoxRatio, setMessageInputBoxRatio } = useMessageInputBoxRatio();

src-ui/app/main_page/main_section/message_container/log_box/LogBox.jsx

@@ -3,7 +3,7 @@ import styles from "./LogBox.module.scss";
 import { store } from "@store";
 import { MessageContainer } from "./message_container/MessageContainer";
 import { scrollToBottom } from "@utils/scrollToBottom";
-import { useMessage } from "@logics_common/useMessage";
+import { useMessage } from "@logics_common";
 
 export const LogBox = () => {
     const { currentMessageLogs } = useMessage();
@@ -49,7 +49,7 @@ export const LogBox = () => {
     );
 };
 
-import { useMessageLogUiScaling } from "@logics_configs/useMessageLogUiScaling";
+import { useMessageLogUiScaling } from "@logics_configs";
 const MessageLogUiSizeController = () => {
     const { currentMessageLogUiScaling } = useMessageLogUiScaling();
     const font_size = currentMessageLogUiScaling.data / 100;

src-ui/app/main_page/main_section/message_container/message_input_box/MessageInputBox.jsx

@@ -1,11 +1,13 @@
 import { useState } from "react";
 import styles from "./MessageInputBox.module.scss";
 import SendMessageSvg from "@images/send_message.svg?react";
-import { useMessage } from "@logics_common/useMessage";
+import { useMessage } from "@logics_common";
 import { store } from "@store";
 import { scrollToBottom } from "@utils/scrollToBottom";
-import { useSendMessageButtonType } from "@logics_configs/useSendMessageButtonType";
-import { useEnableAutoClearMessageBox } from "@logics_configs/useEnableAutoClearMessageBox";
+import {
+    useSendMessageButtonType,
+    useEnableAutoClearMessageBox,
+} from "@logics_configs";
 
 export const MessageInputBox = () => {
     const [inputValue, setInputValue] = useState("");

src-ui/app/main_page/main_section/top_bar/sidebar_compact_mode_button/SidebarCompactModeButton.jsx

@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import styles from "./SidebarCompactModeButton.module.scss";
 
-import { useIsMainPageCompactMode } from "@logics_main/useIsMainPageCompactMode";
+import { useIsMainPageCompactMode } from "@logics_main";
 import ArrowLeftSvg from "@images/arrow_left.svg?react";
 
 export const SidebarCompactModeButton = () => {

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 = () => {