ags: lot of stuff lmao

ags/window/ControlCenter.ts

@@ -1,26 +1,29 @@
-import { Astal, Gtk, Widget } from "astal/gtk3";
+import { Gtk, Widget } from "astal/gtk3";
 import { QuickActions } from "../widget/control-center/QuickActions";
 import { Tiles } from "../widget/control-center/Tiles";
 import { Sliders } from "../widget/control-center/Sliders";
+import { PopupWindow, PopupWindowProps } from "../widget/PopupWindow";
+import { hidePages, PagesWidget } from "../widget/control-center/Pages";
 
 const widgetsContainer: Widget.Box = new Widget.Box({
     className: "control-center-container",
     orientation: Gtk.Orientation.VERTICAL,
+    widthRequest: 400,
 } as Widget.BoxProps, 
 QuickActions, 
 Sliders,
-Tiles);
+Tiles,
+PagesWidget);
 
-export const ControlCenter: Widget.Window = new Widget.Window({
+export const ControlCenter: Widget.Window = PopupWindow({
     className: "control-center",
     namespace: "control-center",
-    canFocus: true,
-    exclusivity: Astal.Exclusivity.NORMAL,
-    anchor: Astal.WindowAnchor.TOP | Astal.WindowAnchor.RIGHT,
-    layer: Astal.Layer.OVERLAY,
-    margin_top: 10,
-    margin_right: 10,
-    width_request: 400,
+    marginTop: 10,
+    marginRight: 10,
     monitor: 0,
-    visible: false
-} as Widget.WindowProps, widgetsContainer);
+    onClose: () => hidePages(),
+    halign: Gtk.Align.END,
+    valign: Gtk.Align.START,
+    visible: false,
+    child: widgetsContainer
+} as PopupWindowProps);