Update screen toolkit control center widget

Makes the widget use NIconButtonHot instead of Item for consistent styling.

Author: h2bagel

screen-toolkit/ControlCenterWidget.qml

@@ -1,46 +1,25 @@
 import QtQuick
-import QtQuick.Layouts
 import Quickshell
 import qs.Commons
 import qs.Widgets
 import qs.Services.UI
-Item {
+
+NIconButtonHot {
     id: root
+
     property var pluginApi: null
     property ShellScreen screen
     property string widgetId: ""
     property string section: ""
+
     readonly property string screenName: screen?.name ?? ""
-    readonly property real capsuleHeight: Style.getCapsuleHeightForScreen(screenName)
-    readonly property real contentWidth: capsuleHeight
-    readonly property real contentHeight: capsuleHeight
-    implicitWidth: contentWidth
-    implicitHeight: contentHeight
-    Rectangle {
-        id: visualCapsule
-        x: Style.pixelAlignCenter(parent.width, width)
-        y: Style.pixelAlignCenter(parent.height, height)
-        width: root.contentWidth
-        height: root.contentHeight
-        color: mouseArea.containsMouse ? Color.mHover : Style.capsuleColor
-        radius: Style.radiusL
-        border.color: Style.capsuleBorderColor
-        border.width: Style.capsuleBorderWidth
-        NIcon {
-            anchors.centerIn: parent
-            icon: "crosshair"
-            color: Color.mPrimary
-        }
-    }
-    MouseArea {
-        id: mouseArea
-        anchors.fill: parent
-        hoverEnabled: true
-        cursorShape: Qt.PointingHandCursor
-        onEntered: TooltipService.show(root, "Screen Toolkit", BarService.getTooltipDirection())
-        onExited: TooltipService.hide()
-        onClicked: {
-            if (pluginApi) pluginApi.togglePanel(root.screen, root)
+
+    icon: "crosshair"
+    tooltipText: "Screen Toolkit"
+
+    onClicked: {
+        if (pluginApi) {
+            pluginApi.togglePanel(screen, root);
         }
     }
 }