make cursor shape pointing hand on button hover

.config/quickshell/modules/sidebarRight/calendar/CalendarHeaderButton.qml

@@ -12,13 +12,14 @@ Button {
 
     implicitHeight: 30
     implicitWidth: forceCircle ? implicitHeight : (contentItem.implicitWidth + 10 * 2)
-
     Behavior on implicitWidth {
         SmoothedAnimation {
             velocity: Appearance.animation.elementDecel.velocity
         }
     }
 
+    PointingHandInteraction {}
+
     background: Rectangle {
         anchors.fill: parent
         radius: Appearance.rounding.full

.config/quickshell/modules/sidebarRight/quickToggles/QuickToggleButton.qml

@@ -13,6 +13,8 @@ Button {
     implicitWidth: 40
     implicitHeight: 40
 
+    PointingHandInteraction {}
+
     background: Rectangle {
         anchors.fill: parent
         radius: Appearance.rounding.full

.config/quickshell/modules/sidebarRight/todo/TodoItemActionButton.qml

@@ -12,6 +12,8 @@ Button {
     implicitHeight: 30
     implicitWidth: implicitHeight
 
+    PointingHandInteraction {}
+
     Behavior on implicitWidth {
         SmoothedAnimation {
             velocity: Appearance.animation.elementDecel.velocity

.config/quickshell/modules/sidebarRight/todo/TodoWidget.qml

@@ -11,7 +11,7 @@ Item {
     property int currentTab: 0
     property var tabButtonList: [{"icon": "checklist", "name": "Unfinished"}, {"name": "Done", "icon": "check_circle"}]
     property bool showAddDialog: false
-    property int dialogMargins: 25
+    property int dialogMargins: 20
     property int fabSize: 48
     property int fabMargins: 14
 
@@ -124,9 +124,9 @@ Item {
         anchors.bottom: parent.bottom
         anchors.rightMargin: root.fabMargins
         anchors.bottomMargin: root.fabMargins
-
         width: root.fabSize
         height: root.fabSize
+        PointingHandInteraction {}
 
         onClicked: root.showAddDialog = true