feat: add widget for gpu and cpu profile

widgets/bar/gpu.tsx

@@ -0,0 +1,11 @@
+import { bind, Variable } from "astal";
+
+export const GPU = () => {
+  const gpu = Variable("").poll(5000, ["bash", "-c", "supergfxctl -g"]);
+
+  return (
+    <box cssClasses={["pill"]}>
+      <label label={bind(gpu).as((val) => `GPU: ${val}`)} />
+    </box>
+  );
+};

widgets/bar/index.tsx

@@ -4,6 +4,8 @@ import { Battery } from "./battery";
 import { Tailscale } from "./tailscale";
 import { Time } from "./time";
 import { Network } from "./network";
+import { Profile } from "./profile";
+import { GPU } from "./gpu";
 
 export const WINDOW_NAME = "bar";
 
@@ -45,6 +47,8 @@ const End = () => {
   return (
     <box spacing={10}>
       <Network />
+      <GPU />
+      <Profile />
       <Tailscale />
       <Battery />
       <Time />

widgets/bar/profile.tsx

@@ -0,0 +1,16 @@
+import { bind, Variable } from "astal";
+
+export const Profile = () => {
+  const profile = Variable("").poll(5000, ["bash", "-c", "asusctl profile -p"]);
+
+  return (
+    <box cssClasses={["pill"]}>
+      <label
+        label={bind(profile).as((val) => {
+          const data = val.split(" ");
+          return "P: " + data[data.length - 1];
+        })}
+      />
+    </box>
+  );
+};