feat: split scss and rename widget folder to widgets

widgets/bar/battery.tsx

@@ -0,0 +1,14 @@
+import { bind } from "astal";
+import AstalBattery from "gi://AstalBattery";
+
+export const Battery = () => {
+  const battery = AstalBattery.get_default();
+
+  return (
+    <box cssClasses={["battery"]} visible={bind(battery, "isPresent")}>
+      <label
+        label={bind(battery, "percentage").as((p) => `${Math.floor(p * 100)}%`)}
+      />
+    </box>
+  );
+};