[Refactor] Organize files.

src-ui/app/App.jsx

@@ -11,18 +11,23 @@ import {
     TransparencyController,
     CornerRadiusController,
     PluginsController,
-} from "./_app_controllers/index.js";
+} from "./_app_controllers";
+
+import styles from "./App.module.scss";
 
-import { WindowTitleBar } from "./window_title_bar/WindowTitleBar";
 import { MainPage } from "./main_page/MainPage";
 import { ConfigPage } from "./config_page/ConfigPage";
-import { SplashComponent } from "./splash_component/SplashComponent";
+
-import { UpdatingComponent } from "./updating_component/UpdatingComponent";
+import {
-import { ModalController } from "./modal_controller/ModalController";
+    WindowTitleBar,
-import { SnackbarController } from "./snackbar_controller/SnackbarController";
+    SplashComponent,
-import styles from "./App.module.scss";
+    UpdatingComponent,
+    ModalController,
+    SnackbarController,
+    AppErrorBoundary,
+} from "./others";
+
 import { useIsBackendReady, useIsSoftwareUpdating, useIsVrctAvailable, useWindow } from "@logics_common";
-import { AppErrorBoundary } from "./error_boundary/AppErrorBoundary";
 
 export const App = () => {
     const { currentIsVrctAvailable } = useIsVrctAvailable();

src-ui/app/config_page/setting_section/setting_box/_components/index.js

@@ -12,5 +12,4 @@ export { Slider } from "./slider/Slider";
 export { SwitchBox } from "./switch_box/SwitchBox";
 export { ThresholdComponent } from "./threshold_component/ThresholdComponent";
 export { WordFilter, WordFilterListToggleComponent } from "./word_filter/WordFilter";
-export { DownloadModels } from "./download_models/DownloadModels";
+export { DownloadModels } from "./download_models/DownloadModels";
-export { PluginsControlComponent } from "./plugins_control_component/PluginsControlComponent";

src-ui/app/config_page/setting_section/setting_box/plugins/Plugins.jsx

@@ -2,7 +2,7 @@ import { useEffect, useRef, useState, useCallback } from "react";
 import { useTranslation } from "react-i18next";
 import { usePlugins } from "@logics_configs";
 import styles from "./Plugins.module.scss";
-import { PluginsControlComponent } from "../_components/plugins_control_component/PluginsControlComponent";
+import { PluginsControlComponent } from "./plugins_control_component/PluginsControlComponent";
 import { useNotificationStatus } from "@logics_common";
 import ExternalLink from "@images/external_link.svg?react";
 

src-ui/app/config_page/setting_section/setting_box/plugins/plugins_control_component/PluginsControlComponent.jsx

@@ -1,6 +1,5 @@
-import React from "react";
+import { SwitchBox } from "../../_components";
-import { SwitchBox } from "../index";
+import { _DownloadButton } from "../../_components/_atoms/_download_button/_DownloadButton";
-import { _DownloadButton } from "../_atoms/_download_button/_DownloadButton";
 import styles from "./PluginsControlComponent.module.scss";
 import { useTranslation } from "react-i18next";
 

src-ui/app/others/index.js

@@ -0,0 +1,6 @@
+export { WindowTitleBar } from "./window_title_bar/WindowTitleBar.jsx";
+export { SplashComponent } from "./splash_component/SplashComponent.jsx";
+export { UpdatingComponent } from "./updating_component/UpdatingComponent.jsx";
+export { ModalController } from "./modal_controller/ModalController.jsx";
+export { SnackbarController } from "./snackbar_controller/SnackbarController.jsx";
+export { AppErrorBoundary } from "./error_boundary/AppErrorBoundary.jsx";

src-ui/app/others/splash_component/SplashComponent.jsx

@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import styles from "./SplashComponent.module.scss";
-import { StartUpProgressContainer } from "./start_up_progress_container/StartUpProgressContainer/";
+import { StartUpProgressContainer } from "./start_up_progress_container/StartUpProgressContainer";
-import { DownloadModelsContainer } from "./download_models_container/DownloadModelsContainer/";
+import { DownloadModelsContainer } from "./download_models_container/DownloadModelsContainer";
 import MegaphoneSvg from "@images/megaphone.svg?react";
 import XMarkSvg from "@images/cancel.svg?react";
 import { useWindow } from "@logics_common";