(feat): add deaf & mute button

(feat): add ping graph (via recharts)
(feat): remove old expand button

packages/call/src/components/buttons/deaf.tsx

@@ -0,0 +1,17 @@
+import { Button } from "@tensamin/ui";
+import { useCall } from "../../context";
+import { HeadphoneOff, Headphones } from "lucide-react";
+
+export default function DeafButton({ className }: { className?: string }) {
+  const { toggleDeaf, deaf } = useCall();
+
+  return (
+    <Button
+      variant={deaf ? "destructive" : "default"}
+      onClick={toggleDeaf}
+      className={className}
+    >
+      {deaf ? <HeadphoneOff /> : <Headphones />}
+    </Button>
+  );
+}

packages/call/src/components/buttons/mute.tsx

@@ -0,0 +1,17 @@
+import { Button } from "@tensamin/ui";
+import { useCall } from "../../context";
+import { Mic, MicOff } from "lucide-react";
+
+export default function MuteButton({ className }: { className?: string }) {
+  const { room } = useCall();
+  const micEnabled = room.localParticipant.isMicrophoneEnabled;
+
+  return (
+    <Button
+      variant={micEnabled ? "default" : "destructive"}
+      className={className}
+    >
+      {micEnabled ? <Mic /> : <MicOff />}
+    </Button>
+  );
+}