changed waybar style and config

.config/waybar/config

@@ -4,7 +4,7 @@
     "layer":"top",
     "modules-left": ["hyprland/workspaces"],
     "modules-center": [],
-    "modules-right": ["custom/playerctl", "idle_inhibitor", "pulseaudio", "clock", "tray","custom/swaync"],
+    "modules-right": ["group/audio", "idle_inhibitor", "group/system"],
     "idle_inhibitor": {
         "format": "{icon}",
         "format-icons": {
@@ -12,6 +12,22 @@
             "deactivated": ""
         }
     },
+
+    "group/audio":{
+      "orientation": "horizontal",
+      "modules":[
+        "custom/playerctl",
+        "pulseaudio"
+      ]
+    },
+    "group/system":{
+      "orientation": "horizontal",
+      "modules":[
+        "clock",
+        "tray",
+        "custom/swaync"
+      ]
+    },
     "tray": {
         // "icon-size": 21,
         "spacing": 10
@@ -41,7 +57,7 @@
         "on-click-right":"playerctl --player=spotify,%any next",
         "on-scroll-up":"playerctl --player=spotify,%any volume 0.05+",
         "on-scroll-down":"playerctl --player=spotify,%any volume 0.05-",
-        "exec": "playerctl --player=spotify,%any -f '{{title}} - {{artist}}' metadata -F 2>/dev/null",
+        "exec": "playerctl --player=spotify,%any -f '{{title}} - {{artist}}' metadata -F | sed -u 's/&/\\&/g' 2>/dev/null",
         "max-length":50,
         "tooltip":false
     },