feat(waybar): update backlight module

* Remove `backlight#value`--no need for two separate modules for this, value and icon can live together in a single module.
* Add graduated icons (the cirle fills/empties as the brightness is scrolled up or down)
* Change scroll interval to 5% (1% is pretty low)

.config/waybar/config

@@ -24,8 +24,7 @@
         "pulseaudio",
         "custom/keyboard-layout",
         "battery",
-        "backlight#icon",
+        "backlight",
-        "backlight#value",
         "clock",
         "tray",
         //"custom/weather",
@@ -140,17 +139,12 @@
         "format-icons": ["", "", "", "", ""]
     },
 
-    "backlight#icon": {
+    "backlight": {
-        "format": "{icon}",
+        "format": "{icon} {percent}% ",
-        "format-icons": [""],
+        "format-icons": ["󰄰", "󰪞", "󰪟", "󰪠", "󰪡", "󰪢", "󰪣", "󰪤", "󰪥"],
-        "on-scroll-down": "brightnessctl -c backlight set 1%-",
+        "tooltip-format": "Backlight (Scroll): {percent:}%",
-        "on-scroll-up": "brightnessctl -c backlight set +1%"
+        "on-scroll-down": "brightnessctl -c backlight set 5%-",
-    },
+        "on-scroll-up": "brightnessctl -c backlight set +5%"
-
-    "backlight#value" :{
-         "format": "{percent}%",
-         "on-scroll-down": "brightnessctl -c backlight set 1%-",
-         "on-scroll-up": "brightnessctl -c backlight set +1%"
     },
 
     "clock": {