(fix): remove unused dependencies

(fix): remove dead code
(fix): remove unused exports

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

@@ -1,18 +1,14 @@
-import { Button, Tooltip, TooltipContent, TooltipTrigger } from "@tensamin/ui";
+import { Button } from "@tensamin/ui";
 import { toggleDeaf, useCall } from "../../store";
 import { HeadphoneOff, Headphones } from "lucide-react";
+import { type CallButtonProps, iconScale, withTooltip } from "./tooltipButton";
 
 export default function DeafButton({
   className,
   iconSize,
   tooltip,
   portalContainer,
-}: {
-  className?: string;
-  iconSize?: number;
-  tooltip?: string;
-  portalContainer?: HTMLElement;
-}) {
+}: CallButtonProps) {
   const deaf = useCall((state) => state.deaf);
 
   const button = (
@@ -22,27 +18,12 @@ export default function DeafButton({
       className={className}
     >
       {deaf ? (
-        <HeadphoneOff
-          style={{ scale: (iconSize ? iconSize + 100 : 100) + "%" }}
-        />
+        <HeadphoneOff style={iconScale(iconSize)} />
       ) : (
-        <Headphones
-          style={{ scale: (iconSize ? iconSize + 100 : 100) + "%" }}
-        />
+        <Headphones style={iconScale(iconSize)} />
       )}
     </Button>
   );
 
-  if (!tooltip) {
-    return button;
-  }
-
-  return (
-    <Tooltip>
-      <TooltipTrigger render={button} />
-      <TooltipContent portalProps={{ container: portalContainer }}>
-        {tooltip}
-      </TooltipContent>
-    </Tooltip>
-  );
+  return withTooltip(button, tooltip, portalContainer);
 }