Update astal widgets

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

hosts/common/configs/user/gui/astal/config/app.ts

@@ -1,8 +1,10 @@
 import { App } from "astal/gtk3";
-import Bar from "./widget/Bar";
 import { monitorFile } from "astal/file";
 import { exec } from "astal/process";
 import GLib from "gi://GLib";
+import Left from "./widget/Left";
+import Center from "./widget/Center";
+import Right from "./widget/Right";
 
 const HOME = GLib.getenv("HOME");
 const css = `${HOME}/.config/astal/theme.css`;
@@ -18,6 +20,10 @@ exec(`sassc ${scss} ${css}`);
 App.start({
   css,
   main() {
-    App.get_monitors().map(Bar);
+    App.get_monitors().map((monitor) => {
+      Left(monitor);
+      Center(monitor);
+      Right(monitor);
+    });
   },
 });