refactor!: start migration to latest ags

widget/Bar.tsx

@@ -1,43 +1,35 @@
-import { App, Astal, Gtk, Gdk } from "astal/gtk3";
-import Workspaces from "./workspaces";
-import Audio from "./audio";
-import NetworkModule from "./network";
-import Cpu from "./cpu-widget";
-import Ram from "./ram";
-import Disk from "./disk";
-import Battery from "./battery";
+import { Astal, Gtk, Gdk } from "ags/gtk4";
+// import Workspaces from "./workspaces";
+// import Audio from "./audio";
+// import NetworkModule from "./network";
+// import Cpu from "./cpu-widget";
+// import Ram from "./ram";
+// import Disk from "./disk";
+// import Battery from "./battery";
 import Time from "./time";
 import Title from "./title";
+import app from "ags/gtk4/app";
+import Workspaces from "./workspaces";
 
 export default function Bar(gdkmonitor: Gdk.Monitor) {
   const { TOP, LEFT, RIGHT } = Astal.WindowAnchor;
 
-  //@ts-ignore
   return (
     <window
-      className="Bar"
+      visible
+      name="bar"
+      class="Bar"
       gdkmonitor={gdkmonitor}
       exclusivity={Astal.Exclusivity.EXCLUSIVE}
       anchor={TOP | LEFT | RIGHT}
-      application={App}
+      application={app}
     >
       <centerbox>
-        <box hexpand halign={Gtk.Align.START}>
-          <box className="nix-icon">
-            <icon icon="nixos-3" />
-          </box>
-          <Workspaces monitor={gdkmonitor} />
-        </box>
-        <box className="client-title">
+        <Workspaces $type="start" monitor={gdkmonitor} />
+        <box $type="center" class="client-title">
           <Title />
         </box>
-        <box hexpand halign={Gtk.Align.END}>
-          <Audio />
-          <NetworkModule />
-          <Cpu />
-          <Ram />
-          <Disk />
-          <Battery />
+        <box $type="end">
           <Time />
         </box>
       </centerbox>