Replace tons of hardcoded stuff

Modules/SidePanel/Cards/MediaCard.qml

@@ -65,7 +65,7 @@ NBox {
       ComboBox {
         id: playerSelector
         Layout.fillWidth: true
-        Layout.preferredHeight: 30 * scaling
+        Layout.preferredHeight: Style.barHeight * 0.83 * scaling
         visible: MediaPlayer.getAvailablePlayers().length > 1
         model: MediaPlayer.getAvailablePlayers()
         textRole: "identity"
@@ -252,7 +252,7 @@ NBox {
 
           Behavior on width {
             NumberAnimation {
-              duration: 200
+              duration: Style.animationFast
             }
           }
         }
@@ -273,7 +273,7 @@ NBox {
 
           Behavior on scale {
             NumberAnimation {
-              duration: 150
+              duration: Style.animationFast
             }
           }
         }

Modules/SidePanel/Cards/ProfileCard.qml

@@ -38,7 +38,7 @@ NBox {
 
     ColumnLayout {
       Layout.fillWidth: true
-      spacing: 2 * scaling
+                      spacing: Style.marginTiniest * scaling
       NText {
         text: Quickshell.env("USER") || "user"
         font.weight: Style.fontWeightBold

Modules/SidePanel/Cards/SystemMonitorCard.qml

@@ -7,7 +7,7 @@ import qs.Widgets
 NBox {
   id: root
 
-  Layout.preferredWidth: 84 * scaling
+  Layout.preferredWidth: Style.baseWidgetSize * 2.625 * scaling
   implicitHeight: content.implicitHeight + Style.marginTiny * 2 * scaling
 
   Column {

Modules/SidePanel/PowerMenu.qml

@@ -54,7 +54,7 @@ NPanel {
       // Lock
       Rectangle {
         Layout.fillWidth: true
-        Layout.preferredHeight: 36 * scaling
+        Layout.preferredHeight: Style.barHeight * scaling
         radius: Style.radiusSmall * scaling
         color: lockButtonArea.containsMouse ? Colors.mTertiary : "transparent"
 
@@ -114,7 +114,7 @@ NPanel {
       // Suspend
       Rectangle {
         Layout.fillWidth: true
-        Layout.preferredHeight: 36 * scaling
+        Layout.preferredHeight: Style.barHeight * scaling
         radius: Style.radiusSmall * scaling
         color: suspendButtonArea.containsMouse ? Colors.mTertiary : "transparent"
 
@@ -172,7 +172,7 @@ NPanel {
       // Reboot
       Rectangle {
         Layout.fillWidth: true
-        Layout.preferredHeight: 36 * scaling
+        Layout.preferredHeight: Style.barHeight * scaling
         radius: Style.radiusSmall * scaling
         color: rebootButtonArea.containsMouse ? Colors.mTertiary : "transparent"
 
@@ -230,7 +230,7 @@ NPanel {
       // Logout
       Rectangle {
         Layout.fillWidth: true
-        Layout.preferredHeight: 36 * scaling
+        Layout.preferredHeight: Style.barHeight * scaling
         radius: Style.radiusSmall * scaling
         color: logoutButtonArea.containsMouse ? Colors.mTertiary : "transparent"
 
@@ -288,7 +288,7 @@ NPanel {
       // Shutdown
       Rectangle {
         Layout.fillWidth: true
-        Layout.preferredHeight: 36 * scaling
+        Layout.preferredHeight: Style.barHeight * scaling
         radius: Style.radiusSmall * scaling
         color: shutdownButtonArea.containsMouse ? Colors.mTertiary : "transparent"