update and refactor

widget/modules/Volume/Volume.tsx

@@ -0,0 +1,15 @@
+import Wp from "gi://AstalWp";
+import { bind } from "astal";
+
+export default function Volume() {
+  const speaker = Wp.get_default()?.audio.defaultSpeaker!;
+  const microphone = Wp.get_default()?.audio.defaultMicrophone!;
+  return (
+    <button className="VolumeMenuButton" onClicked="pavucontrol">
+      <box className="VolumeBlock">
+        <icon className="VolumeIcon" icon={bind(speaker, "volumeIcon")} />
+        <icon className="VolumeIcon" icon={bind(microphone, "volumeIcon")} />
+      </box>
+    </button>
+  );
+}