[Refactor] Move to src-ui/views and src-ui/logics structure.

src-ui/views/app/main_page/MainPage.jsx

@@ -0,0 +1,21 @@
+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";
+
+export const MainPage = () => {
+    const { currentIsOpenedConfigPage } = useIsOpenedConfigPage();
+
+    return (
+        <div className={clsx(styles.page, styles.main_page, {
+            [styles.show_config]: currentIsOpenedConfigPage.data,
+            [styles.show_main]: !currentIsOpenedConfigPage.data
+        })}>
+            <div className={styles.container}>
+                <SidebarSection />
+                <MainSection />
+            </div>
+        </div>
+    );
+};