feat: initial commit for pixel-snapping components and helpers

Modules/Polkit/Polkit.qml

@@ -83,13 +83,16 @@ Scope {
 			opacity: 0
 			radius: Tokens.rounding.small * 2
 
-			ColumnLayout {
+			SnapLayout {
 				id: layout
 
 				anchors.fill: parent
 				anchors.margins: Tokens.padding.medium
 
-				RowLayout {
+				spacing: Tokens.spacing.extraSmall
+				orientation: Qt.Vertical
+
+				SnapLayout {
 					id: contentRow
 
 					spacing: 24
@@ -120,12 +123,15 @@ Scope {
 						}
 					}
 
-					ColumnLayout {
+					SnapLayout {
 						id: contentColumn
 
 						Layout.fillHeight: true
 						Layout.fillWidth: true
 
+						spacing: Tokens.spacing.extraSmall
+						orientation: Qt.Vertical
+
 						CustomText {
 							Layout.alignment: Qt.AlignLeft
 							Layout.preferredWidth: Math.min(600, contentWidth)
@@ -210,13 +216,15 @@ Scope {
 						}
 					}
 
-					ColumnLayout {
+					SnapLayout {
 						id: textDetailsColumn
 
 						anchors.fill: parent
 						anchors.margins: Tokens.padding.small
 						opacity: 0
+
 						spacing: Tokens.spacing.small
+						orientation: Qt.Vertical
 
 						CustomText {
 							text: `actionId: ${polkitAgent.flow?.actionId}`
@@ -230,8 +238,9 @@ Scope {
 					}
 				}
 
-				RowLayout {
+				SnapLayout {
 					Layout.preferredWidth: contentRow.implicitWidth
+
 					spacing: 8
 
 					IconButton {