refacor

widget/modules/FocusedClient/FocusedClient.scss

@@ -0,0 +1,4 @@
+.Focused {
+    padding: 0 15px 0 5px;
+    transition: 300ms;
+}

widget/modules/FocusedClient/FocusedClient.tsx

@@ -0,0 +1,15 @@
+import Hyprland from "gi://AstalHyprland"
+import { bind } from "astal"
+
+export default function FocusedClient() {
+    const hypr = Hyprland.get_default()
+    const focused = bind(hypr, "focusedClient")
+
+    return <box
+        className="Focused"
+        visible={focused.as(Boolean)}>
+        {focused.as(client => (
+            client && <label label={bind(client, "title").as(String)} />
+        ))}
+    </box>
+}