feat: split scss and rename widget folder to widgets

widgets/bar/launcher.tsx

@@ -0,0 +1,21 @@
+import { App, Gtk } from "astal/gtk4";
+import { Gio } from "astal";
+import { Picture } from "../common";
+import { WINDOW_NAME } from "../app-launcher";
+
+export const Launcher = () => {
+  return (
+    <Gtk.ScrolledWindow heightRequest={40} widthRequest={40}>
+      <button
+        cssClasses={["launcher"]}
+        onClicked={() => App.toggle_window(WINDOW_NAME)}
+      >
+        <Picture
+          file={Gio.file_new_for_path("/home/tux/Wallpapers/avatar.png")}
+          contentFit={Gtk.ContentFit.CONTAIN}
+          overflow={Gtk.Overflow.HIDDEN}
+        />
+      </button>
+    </Gtk.ScrolledWindow>
+  );
+};