feat: initial commit for pixel-snapping components and helpers

Modules/Settings/Pages/Apps/AllApps.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import Quickshell
 import Quickshell.Widgets
 import qs.Components
@@ -16,7 +17,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("All apps")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2
@@ -45,7 +47,7 @@ PageBase {
 					}
 				}
 
-				RowLayout {
+				SnapLayout {
 					id: appRow
 
 					anchors.fill: parent
@@ -60,7 +62,8 @@ PageBase {
 						source: Quickshell.iconPath(appItem.modelData.icon, "image-missing")
 					}
 
-					ColumnLayout {
+					SnapLayout {
+orientation: Qt.Vertical
 						Layout.fillWidth: true
 						spacing: 0
 

Modules/Settings/Pages/Apps/AppInfo.qml

@@ -1,5 +1,6 @@
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import Quickshell
 import Quickshell.Widgets
 import qs.Components
@@ -32,14 +33,15 @@ PageBase {
 			sState.closeSubPage();
 	}
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2
 		width: root.cappedWidth
 
 		// Header
-		RowLayout {
+		SnapLayout {
 			Layout.bottomMargin: Tokens.spacing.largeIncreased
 			Layout.fillWidth: true
 			Layout.leftMargin: Tokens.padding.extraSmall
@@ -51,7 +53,8 @@ PageBase {
 				source: Quickshell.iconPath(root.app?.icon, "image-missing")
 			}
 
-			ColumnLayout {
+			SnapLayout {
+orientation: Qt.Vertical
 				Layout.fillWidth: true
 				spacing: Tokens.spacing.extraSmall / 2
 
@@ -139,7 +142,7 @@ PageBase {
 		Layout.fillWidth: true
 		implicitHeight: rowLayout.implicitHeight + rowLayout.anchors.margins * 2
 
-		RowLayout {
+		SnapLayout {
 			id: rowLayout
 
 			anchors.fill: parent