[Update] Combine in one window. Rename Main/Config Window to Main/Config Page accordingly.

For now, I put Config Page to below the main page temporary. Open Config Button does not work.

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

@@ -0,0 +1,21 @@
+import styles from "./OpenSettings.module.scss";
+import ConfigurationSvg from "@images/configuration.svg?react";
+
+// import { useWindow } from "@logics/useWindow";
+
+export const OpenSettings = () => {
+    // const { createConfigPage } = useWindow();
+
+    const openConfigPage = () => {
+
+        // createConfigPage();
+    };
+
+    return (
+        <div className={styles.container}>
+            <div className={styles.open_config_page_button} onClick={openConfigPage}>
+                <ConfigurationSvg className={styles.configuration_svg} />
+            </div>
+        </div>
+    );
+};

src-ui/app/main_page/sidebar_section/open_settings/OpenSettings.module.scss

@@ -0,0 +1,28 @@
+.container {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background-color: var(--dark_850_color);
+}
+
+.open_config_page_button {
+    width: auto;
+    margin: 1rem;
+    padding: 0.8rem 0;
+    display: flex;
+    justify-content: center;
+    border-radius: 0.6rem;
+    cursor: pointer;
+    &:hover {
+        background-color: var(--dark_800_color);
+    }
+    &:active {
+        background-color: var(--dark_875_color);
+    }
+}
+
+.configuration_svg {
+    width: 2rem;
+    color: var(--dark_500_color);
+}