feat: initial commit for pixel-snapping components and helpers

Modules/Lock/NotifGroup.qml

@@ -5,10 +5,11 @@ import Quickshell.Widgets
 import Quickshell.Services.Notifications
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
+import ZShell.Config
 import qs.Modules
 import qs.Components
 import qs.Helpers
-import ZShell.Config
 import qs.Daemons
 import qs.Services
 
@@ -36,13 +37,14 @@ CustomRect {
 		}
 	}
 
-	RowLayout {
+	SnapLayout {
 		id: content
 
 		anchors.left: parent.left
 		anchors.margins: Tokens.padding.small
 		anchors.right: parent.right
 		anchors.top: parent.top
+
 		spacing: Tokens.spacing.medium
 
 		Item {
@@ -118,15 +120,18 @@ CustomRect {
 			}
 		}
 
-		ColumnLayout {
+		SnapLayout {
 			Layout.bottomMargin: -Tokens.padding.extraSmall / 2 - (root.expanded ? 0 : spacing)
 			Layout.fillWidth: true
 			Layout.topMargin: -Tokens.padding.extraSmall
-			spacing: Math.round(Tokens.spacing.small / 2)
 
-			RowLayout {
+			spacing: Math.round(Tokens.spacing.small / 2)
+			orientation: Qt.Vertical
+
+			SnapLayout {
 				Layout.bottomMargin: -parent.spacing
 				Layout.fillWidth: true
+
 				spacing: Tokens.spacing.small
 
 				CustomText {
@@ -167,10 +172,11 @@ CustomRect {
 						}
 					}
 
-					RowLayout {
+					SnapLayout {
 						id: expandBtn
 
 						anchors.centerIn: parent
+
 						spacing: Tokens.spacing.small / 2
 
 						CustomText {
@@ -261,7 +267,10 @@ CustomRect {
 				Behavior on opacity {
 					Anim {}
 				}
-				sourceComponent: ColumnLayout {
+				sourceComponent: SnapLayout {
+					orientation: Qt.Vertical
+					spacing: Tokens.spacing.extraSmall
+
 					Repeater {
 						model: ScriptModel {
 							values: root.notifs.slice(Config.notifs.groupPreviewNum)