feat: initial commit for pixel-snapping components and helpers

Modules/Sidebar/Utils/Cards/Record.qml

@@ -3,8 +3,10 @@ pragma ComponentBehavior: Bound
 import Quickshell
 import QtQuick
 import QtQuick.Layouts
-import qs.Components
+import ZShell.Components
+import ZShell
 import ZShell.Config
+import qs.Components
 import qs.Helpers
 import qs.Services
 
@@ -15,17 +17,18 @@ CustomRect {
 
 	Layout.fillWidth: true
 	color: Colors.tPalette.m3surfaceContainer
-	implicitHeight: layout.implicitHeight + layout.anchors.margins * 2
+	implicitHeight: ZUtils.snap(layout.implicitHeight + layout.anchors.margins * 2, root)
 	radius: Tokens.rounding.small
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		id: layout
 
 		anchors.fill: parent
 		anchors.margins: Tokens.padding.large
 		spacing: Tokens.spacing.medium
 
-		RowLayout {
+		SnapLayout {
 			spacing: Tokens.spacing.medium
 			z: 1
 
@@ -50,7 +53,8 @@ CustomRect {
 				}
 			}
 
-			ColumnLayout {
+			SnapLayout {
+orientation: Qt.Vertical
 				Layout.fillWidth: true
 				spacing: 0
 
@@ -194,7 +198,7 @@ CustomRect {
 	Component {
 		id: recordingControls
 
-		RowLayout {
+		SnapLayout {
 			spacing: Tokens.spacing.medium
 
 			CustomRect {