Tabbed Setting Panel (#1183)

Co-authored-by: Ryan <173754758+ryanzhangofficial@users.noreply.github.com>

Author: BrandonPacewic

fission/src/systems/PerformanceMonitor.ts

@@ -1,8 +1,8 @@
-import { globalAddToast, globalOpenPanel } from "@/components/GlobalUIControls.ts"
+import { globalAddToast, globalOpenModal } from "@/components/GlobalUIControls.ts"
 import PreferencesSystem from "@/systems/preferences/PreferencesSystem.ts"
 import World from "@/systems/World.ts"
 import WorldSystem from "@/systems/WorldSystem.ts"
-import GraphicsSettingsPanel from "@/ui/panels/GraphicsSettingsPanel"
+import SettingsModal from "@/ui/modals/configuring/SettingsModal"
 
 export class PerformanceMonitoringSystem extends WorldSystem {
     isCritical: boolean = false
@@ -30,7 +30,7 @@ export class PerformanceMonitoringSystem extends WorldSystem {
                 if (this.isCritical) {
                     PreferencesSystem.resetGraphicsPreferences()
                     World.sceneRenderer.changeCSMSettings(PreferencesSystem.getGraphicsPreferences())
-                    globalOpenPanel(GraphicsSettingsPanel, undefined)
+                    globalOpenModal(SettingsModal, { initialTab: "graphics" })
                     globalAddToast("warning", "Performance Issues Detected", "Reverting to simple graphics")
                 }
             }