Made the bar scaling relative and ia a config file

modules/bar/widgets/MenuButton.qml

@@ -3,11 +3,12 @@ import Quickshell
 import Quickshell.Hyprland
 import Quickshell.Io
 import "../../../colors"
+import "../../../config"
 
 MouseArea {
     id: archButton
-    width: 30
-    height: 28
+    width: Math.max(bar.height, archButtonText.width+Config.spacing)
+    height: bar.height
     hoverEnabled: true
     cursorShape: Qt.PointingHandCursor
 
@@ -18,13 +19,14 @@ MouseArea {
     Rectangle {
         anchors.fill: parent
         color: archButton.containsMouse ? Colors.tertiary : Qt.alpha(Colors.primaryContainer, 0.25)
-        radius: 6
+        radius: Config.radius
 
         Text {
+            id: archButtonText
             anchors.centerIn: parent
             text: "󰣇"
-            font.pixelSize: 26
-            font.family: "Nerd Font"
+            font.pixelSize: Config.big_font_size(bar.height)
+            font.family: Config.font
             color: archButton.containsMouse ? Colors.tertiary_fg : Colors.primary
         }
     }