[Update] Config Page: Advanced Settings Tab. Add modal and section that is switchable between CPU and CUDA version.

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

@@ -15,6 +15,7 @@ import {
 
 
 import OpenFolderSvg from "@images/open_folder.svg?react";
+import HelpSvg from "@images/help.svg?react";
 
 export const AdvancedSettings = () => {
     return (
@@ -22,6 +23,7 @@ export const AdvancedSettings = () => {
             <OscIpAddressContainer />
             <OscPortContainer />
             <OpenConfigFolderContainer />
+            <OpenSwitchComputeDeviceModalContainer />
         </>
     );
 };
@@ -92,4 +94,23 @@ const OpenConfigFolderContainer = () => {
             />
         </>
     );
+};
+
+import { useStore_OpenedQuickSetting } from "@store";
+const OpenSwitchComputeDeviceModalContainer = () => {
+    const { t } = useTranslation();
+    const { updateOpenedQuickSetting } = useStore_OpenedQuickSetting();
+    const onClickFunction = () => {
+        updateOpenedQuickSetting("switch_compute_device");
+    };
+
+    return (
+        <>
+            <ActionButtonContainer
+                label={t("config_page.advanced_settings.switch_compute_device.label")}
+                IconComponent={HelpSvg}
+                onclickFunction={onClickFunction}
+            />
+        </>
+    );
 };