[AGS] GTK4 Migration: Partially complete

config/astal/components/bar/ui/modules/Hyprland.tsx

@@ -1,6 +1,7 @@
 import AstalTray from "gi://AstalTray";
 import { bind, Variable } from "astal";
 import AstalHyprland from "gi://AstalHyprland";
+import { Gtk } from "astal/gtk4";
 
 const SysTray = () => {
     const tray = AstalTray.get_default();
@@ -48,12 +49,12 @@ const ActiveWindow = () => {
         visible.set( !visible.get() );
     }
 
-    return <box className={"HyprlandFocusedClients"} visible={focused.as(Boolean)}>
-        <button onClicked={toggleOverlay}>
+    return <box cssName={"HyprlandFocusedClients"} visible={focused.as(Boolean)}>
+        <Gtk.Button onClicked={toggleOverlay}>
             {focused.as( client => (
                 client && <label label={bind( client, "title" ).as( String )} />
             ))}
-        </button>
+        </Gtk.Button>
         <eventbox visible={bind(visible).as( v => v )} name="popover-container">
             <label label="This is a test"></label>
         </eventbox>