feat: settings button in quick toggles now animate from util panel

Modules/Sidebar/Utils/Cards/Toggles.qml

@@ -2,16 +2,15 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
-import Quickshell
 import Quickshell.Bluetooth
 import Quickshell.Networking as QSNetwork
 import ZShell.Components
 import ZShell.Config
+import qs.Modules.Sidebar.Utils
 import qs.Components
 import qs.Services
 import qs.Helpers
 import qs.Daemons
-import qs.Modules.Settings
 
 CustomRect {
 	id: root
@@ -38,16 +37,18 @@ CustomRect {
 			return true;
 		});
 	}
-	required property ScreenState screenState
 	readonly property int splitIndex: Math.ceil(quickToggles.length / 2)
 
+	required property PopoutState popouts
+	required property ScreenState screenState
+
 	color: Colors.tPalette.m3surfaceContainer
 	implicitHeight: layout.implicitHeight + Tokens.padding.extraLargeIncreased
 	radius: Tokens.rounding.small
 
 	SnapLayout {
-orientation: Qt.Vertical
 		id: layout
+		orientation: Qt.Vertical
 
 		anchors.fill: parent
 		anchors.margins: Tokens.padding.large
@@ -167,8 +168,7 @@ orientation: Qt.Vertical
 						isToggle: false
 
 						onClicked: {
-							root.screenState.sidebar = false;
-							root.screenState.settings = true;
+							root.popouts.detachRequested("appearance");
 						}
 					}
 				}