refactor: make the whole thing more generic

modules/home-manager/desktops/hyprland/ags/js/misc/Avatar.js

@@ -0,0 +1,16 @@
+import Widget from "resource:///com/github/Aylur/ags/widget.js";
+import options from "../options.js";
+
+/** @param {import('types/widgets/box').BoxProps=} props */
+export default (props) =>
+  Widget.Box({ ...props, class_name: "avatar" })
+    .hook(options.desktop.avatar, (box) =>
+      box.setCss(`
+            background-image: url('${options.desktop.avatar.value}');
+            background-size: cover;
+        `),
+    )
+    .on("size-allocate", (box) => {
+      const h = box.get_allocated_height();
+      box.set_size_request(Math.ceil(h * 1.1), -1);
+    });