scrollbar: add to stuff, adjust draggable spacing

.config/quickshell/ii/modules/common/widgets/StyledFlickable.qml

@@ -1,4 +1,5 @@
 import QtQuick
+import QtQuick.Controls
 import qs.modules.common
 
 Flickable {
@@ -12,6 +13,8 @@ Flickable {
     // Accumulated scroll destination so wheel deltas stack while animating
     property real scrollTargetY: 0
 
+    ScrollBar.vertical: StyledScrollBar {}
+
     MouseArea {
         visible: Config?.options.interactions.scrolling.fasterTouchpadScroll
         anchors.fill: parent

.config/quickshell/ii/modules/common/widgets/StyledListView.qml

@@ -3,6 +3,7 @@ import qs.modules.common
 import qs.modules.common.widgets
 import qs.services
 import QtQuick
+import QtQuick.Controls
 
 /**
  * A ListView with animations.
@@ -30,6 +31,7 @@ ListView {
 
     maximumFlickVelocity: 3500
     boundsBehavior: Flickable.DragOverBounds
+    ScrollBar.vertical: StyledScrollBar {}
 
     MouseArea {
         visible: Config?.options.interactions.scrolling.fasterTouchpadScroll

.config/quickshell/ii/modules/common/widgets/StyledScrollBar.qml

@@ -7,6 +7,8 @@ ScrollBar {
     id: root
 
     policy: ScrollBar.AsNeeded
+    topPadding: Appearance.rounding.normal
+    bottomPadding: Appearance.rounding.normal
 
     contentItem: Rectangle {
         implicitWidth: 4