Fix tooltip bugs

ts/components/IncomingCallBar.tsx

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 
 import React from 'react';
-import Tooltip from 'react-tooltip-lite';
 import { Avatar } from './Avatar';
+import { Tooltip } from './Tooltip';
 import { ContactName } from './conversation/ContactName';
 import { LocalizerType } from '../types/Util';
 import { ColorType } from '../types/Colors';
@@ -41,22 +41,16 @@ const CallButton = ({
   tooltipContent,
 }: CallButtonProps): JSX.Element => {
   return (
-    <button
-      className={`module-incoming-call__button module-incoming-call__button--${classSuffix}`}
-      onClick={onClick}
-      tabIndex={tabIndex}
-      type="button"
-    >
-      <Tooltip
-        arrowSize={6}
-        content={tooltipContent}
-        direction="bottom"
-        distance={16}
-        hoverDelay={0}
+    <Tooltip content={tooltipContent}>
+      <button
+        className={`module-incoming-call__button module-incoming-call__button--${classSuffix}`}
+        onClick={onClick}
+        tabIndex={tabIndex}
+        type="button"
       >
         <div />
-      </Tooltip>
-    </button>
+      </button>
+    </Tooltip>
   );
 };