refactor(ags): smol changes

devices/wim/config/ags/js/bar/buttons/heart.js

@@ -1,4 +1,4 @@
-import { Box, Label } from 'resource:///com/github/Aylur/ags/widget.js';
+import { Label } from 'resource:///com/github/Aylur/ags/widget.js';
 
 import Variable from 'resource:///com/github/Aylur/ags/variable.js';
 
@@ -16,18 +16,13 @@ Persist({
 });
 
 
-export default () => {
+export default () => EventBox({
-    return EventBox({
+    onPrimaryClickRelease: () => {
-        onPrimaryClickRelease: () => {
+        HeartState.value = HeartState.value === '' ? '󰣐' : '';
-            HeartState.value = HeartState.value === '' ? '󰣐' : '';
+    },
-        },
 
-        child: Box({
+    child: Label({
-            className: 'heart-toggle',
+        className: 'heart-toggle',
-
+        binds: [['label', HeartState, 'value']],
-            child: Label({
+    }),
-                binds: [['label', HeartState, 'value']],
+});
-            }),
-        }),
-    });
-};

devices/wim/config/ags/js/bar/buttons/keyboard-layout.js

@@ -5,6 +5,7 @@ import { Box, EventBox, Icon, Label, Revealer } from 'resource:///com/github/Ayl
 import Separator from '../../misc/separator.js';
 
 const DEFAULT_KB = 'at-translated-set-2-keyboard';
+const SPACING = 4;
 
 
 export default () => {
@@ -12,7 +13,7 @@ export default () => {
         transition: 'slide_right',
         child: Box({
             children: [
-                Separator(4),
+                Separator(SPACING),
                 Label({
                     css: 'font-size: 20px;',
                     connections: [[Hyprland, (self, _n, layout) => {