[Update] Quick Settings: Add Overlay settings.

src-ui/app/modal_controller/ModalController.jsx

@@ -0,0 +1,15 @@
+import styles from "./ModalController.module.scss";
+import { useStore_OpenedQuickSetting } from "@store";
+import { Vr } from "@setting_box";
+export const ModalController = () => {
+    const { currentOpenedQuickSetting, updateOpenedQuickSetting } = useStore_OpenedQuickSetting();
+    if (currentOpenedQuickSetting.data === "") return null;
+    return (
+        <div className={styles.container}>
+            <div className={styles.bg_onclick_close_area} onClick={() => updateOpenedQuickSetting("")}></div>
+            <div className={styles.wrapper}>
+                <Vr />
+            </div>
+        </div>
+    );
+};

src-ui/app/modal_controller/ModalController.module.scss

@@ -0,0 +1,29 @@
+.container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.bg_onclick_close_area {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-color:  (#ffffff22);
+    backdrop-filter: blur(0.2rem);
+}
+
+.wrapper {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    overflow-y: auto;
+    background-color: var(--dark_875_color);
+    width: 60%;
+    height: 96%;
+    padding: 2rem;
+    border-radius: 0.6rem;
+}