make cursor shape pointing hand on button hover

.config/quickshell/modules/common/widgets/DialogButton.qml

@@ -12,6 +12,8 @@ Button {
     implicitHeight: 30
     implicitWidth: buttonTextWidget.implicitWidth + 15 * 2
 
+    PointingHandInteraction {}
+
     background: Rectangle {
         anchors.fill: parent
         radius: Appearance.rounding.full
@@ -34,7 +36,7 @@ Button {
         anchors.rightMargin: 15
         text: buttonText
         horizontalAlignment: Text.AlignHCenter
-        font.pixelSize: Appearance.font.pixelSize.normal
+        font.pixelSize: Appearance.font.pixelSize.small
         color: button.enabled ? Appearance.m3colors.m3primary : Appearance.m3colors.m3outline
 
         Behavior on color {

.config/quickshell/modules/common/widgets/NavRailButton.qml

@@ -16,7 +16,8 @@ Button {
     implicitHeight: columnLayout.implicitHeight
     implicitWidth: columnLayout.implicitWidth
 
-    background: Item{} // No ugly bg
+    background: Item {}
+    PointingHandInteraction {}
 
     // Real stuff
     ColumnLayout {

.config/quickshell/modules/common/widgets/PointingHandInteraction.qml

@@ -0,0 +1,7 @@
+import QtQuick
+
+MouseArea {
+    anchors.fill: parent
+    onPressed:  mouse.accepted = false
+    cursorShape: Qt.PointingHandCursor 
+}

.config/quickshell/modules/common/widgets/SmallCircleButton.qml

@@ -11,6 +11,8 @@ Button {
     required default property Item content
     property bool extraActiveCondition: false
 
+    PointingHandInteraction{}
+
     implicitHeight: Math.max(content.implicitHeight, 26, content.implicitHeight)
     implicitWidth: Math.max(content.implicitHeight, 26, content.implicitWidth)
     contentItem: content

.config/quickshell/modules/common/widgets/StyledTabButton.qml

@@ -13,6 +13,8 @@ TabButton {
     property bool selected: false
     height: buttonBackground.height
 
+    PointingHandInteraction {}
+
     background: Rectangle {
         id: buttonBackground
         radius: Appearance.rounding.small