[Update] Plugins -> AdvancedSettings. Move to AdvancedSettings because the plugin just only one is available and it's for specific user, actually. so put it to AdvancedSettings for now.

src-ui/app/config_page/setting_section/setting_box/SettingBox.jsx

@@ -9,7 +9,7 @@ import {
     AdvancedSettings,
     Vr,
     Hotkeys,
-    Plugins,
+    // Plugins,
     Supporters,
     AboutVrct,
 } from "@setting_box";
@@ -33,8 +33,8 @@ export const SettingBox = () => {
             return <Hotkeys />;
         case "advanced_settings":
             return <AdvancedSettings />;
-        case "plugins":
-            return <Plugins />;
+        // case "plugins":
+        //     return <Plugins />;
         case "supporters":
             return <Supporters />;
         case "about_vrct":

src-ui/app/config_page/setting_section/setting_box/advanced_settings/AdvancedSettings.jsx

@@ -2,6 +2,8 @@ import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import styles from "./AdvancedSettings.module.scss";
 
+import { Plugins } from "./plugins/Plugins";
+
 import { useOpenFolder } from "@logics_common";
 import {
     useOscIpAddress,
@@ -10,22 +12,35 @@ import {
 
 import {
     ActionButtonContainer,
-    EntryContainer,
     EntryWithSaveButtonContainer,
 } from "../_templates/Templates";
 
+import {
+    SectionLabelComponent,
+} from "../_components/";
+
 
 import OpenFolderSvg from "@images/open_folder.svg?react";
 import HelpSvg from "@images/help.svg?react";
 
 export const AdvancedSettings = () => {
+    const { t } = useTranslation();
+
     return (
-        <>
-            <OscIpAddressContainer />
-            <OscPortContainer />
-            <OpenConfigFolderContainer />
-            <OpenSwitchComputeDeviceModalContainer />
-        </>
+        <div className={styles.container}>
+            <div>
+
+                <OscIpAddressContainer />
+                <OscPortContainer />
+                <OpenConfigFolderContainer />
+                <OpenSwitchComputeDeviceModalContainer />
+            </div>
+
+            <div>
+                <SectionLabelComponent label={t("config_page.advanced_settings.section_label_plugins")} />
+                <Plugins />
+            </div>
+        </div>
     );
 };
 

src-ui/app/config_page/setting_section/setting_box/advanced_settings/AdvancedSettings.module.scss

@@ -1,22 +1,5 @@
 .container {
     display: flex;
-    width: 100%;
-    justify-content: space-between;
-    align-items: center;
-    padding: 2rem;
-    align-items: center;
-    gap: 2rem;
-    &.flex_column {
-        flex-direction: column;
-    }
-    border-bottom: solid 0.1rem var(--dark_800_color);
-}
-
-.switch_section_container {
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
-    align-items: center;
-    align-items: center;
-    gap: 2rem;
+    gap: 6.4rem;
+    flex-direction: column;
 }

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

@@ -2,7 +2,7 @@ import { useEffect, useRef } 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 "../../_components/plugins_control_component/PluginsControlComponent";
 import { useNotificationStatus } from "@logics_common";
 
 export const Plugins = () => {

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

@@ -6,6 +6,6 @@ export { Others, VrcMicMuteSyncContainer } from "./others/Others";
 export { AdvancedSettings } from "./advanced_settings/AdvancedSettings";
 export { Vr } from "./vr/Vr";
 export { Hotkeys } from "./hotkeys/Hotkeys";
-export { Plugins } from "./plugins/Plugins";
+// export { Plugins } from "./plugins/Plugins";
 export { AboutVrct } from "./about_vrct/AboutVrct";
 export { Supporters } from "./supporters/Supporters";

src-ui/app/config_page/sidebar_section/SidebarSection.jsx

@@ -12,7 +12,7 @@ export const SidebarSection = () => {
                     <Tab tab_id="vr" />
                     <Tab tab_id="others" />
                     <Tab tab_id="hotkeys" />
-                    <Tab tab_id="plugins" />
+                    {/* <Tab tab_id="plugins" /> */}
                     <Tab tab_id="advanced_settings" />
                 </div>
                 <div className={styles.separated_tabs_wrapper}>