Reorganize imports

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

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

@@ -0,0 +1,23 @@
+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"
+
+const HOME = GLib.getenv("HOME")
+const css = `${HOME}/.config/astal/theme.css`;
+const scss = `${HOME}/.config/astal/theme.sass`;
+
+monitorFile(scss, () => {
+  exec(`sassc ${scss} ${css}`);
+  App.apply_css(css, true);
+});
+
+exec(`sassc ${scss} ${css}`);
+
+App.start({
+  css,
+  main() {
+    App.get_monitors().map(Bar)
+  },
+})