feat: replace with simplified Tooltip

web/src/app/_components/markdown.tsx

@@ -12,15 +12,11 @@ import remarkMath from "remark-math";
 import "katex/dist/katex.min.css";
 
 import { Button } from "~/components/ui/button";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "~/components/ui/tooltip";
 import { rehypeSplitWordsIntoSpans } from "~/core/rehype";
 import { cn } from "~/lib/utils";
 
 import Image from "./image";
+import { Tooltip } from "./tooltip";
 
 export function Markdown({
   className,
@@ -77,34 +73,29 @@ export function Markdown({
 function CopyButton({ content }: { content: string }) {
   const [copied, setCopied] = useState(false);
   return (
-    <Tooltip>
-      <TooltipTrigger asChild>
-        <Button
-          variant="outline"
-          size="sm"
-          className="rounded-full"
-          onClick={async () => {
-            try {
-              await navigator.clipboard.writeText(content);
-              setCopied(true);
-              setTimeout(() => {
-                setCopied(false);
-              }, 1000);
-            } catch (error) {
-              console.error(error);
-            }
-          }}
-        >
-          {copied ? (
-            <CheckOutlined className="h-4 w-4" />
-          ) : (
-            <CopyOutlined className="h-4 w-4" />
-          )}{" "}
-        </Button>
-      </TooltipTrigger>
-      <TooltipContent>
-        <p>Copy</p>
-      </TooltipContent>
+    <Tooltip title="Copy">
+      <Button
+        variant="outline"
+        size="sm"
+        className="rounded-full"
+        onClick={async () => {
+          try {
+            await navigator.clipboard.writeText(content);
+            setCopied(true);
+            setTimeout(() => {
+              setCopied(false);
+            }, 1000);
+          } catch (error) {
+            console.error(error);
+          }
+        }}
+      >
+        {copied ? (
+          <CheckOutlined className="h-4 w-4" />
+        ) : (
+          <CopyOutlined className="h-4 w-4" />
+        )}{" "}
+      </Button>
     </Tooltip>
   );
 }