[Update] Migrate to tauri-app(Web UI)

src-ui/windows/main_window/sidebar_section/open_settings/OpenSettings.jsx

@@ -0,0 +1,20 @@
+import styles from "./OpenSettings.module.scss";
+import ConfigurationSvg from "@images/configuration.svg?react";
+
+import { useWindow } from "@utils/useWindow";
+
+export const OpenSettings = () => {
+    const { createConfigWindow } = useWindow();
+
+    const openConfigWindow = () => {
+        createConfigWindow();
+    };
+
+    return (
+        <div className={styles.container}>
+            <div className={styles.open_config_window_button} onClick={openConfigWindow}>
+                <ConfigurationSvg className={styles.configuration_svg} />
+            </div>
+        </div>
+    );
+};

src-ui/windows/main_window/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_window_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);
+}