refactor: replace Tooltip components with ButtonWithTooltip in ChatInput

components/button-with-tooltip.tsx

@@ -0,0 +1,34 @@
+import React from "react";
+import { Button, buttonVariants } from "@/components/ui/button";
+import {
+    Tooltip,
+    TooltipContent,
+    TooltipProvider,
+    TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { type VariantProps } from "class-variance-authority";
+
+interface ButtonWithTooltipProps
+    extends React.ComponentProps<"button">,
+        VariantProps<typeof buttonVariants> {
+    tooltipContent: string;
+    children: React.ReactNode;
+    asChild?: boolean;
+}
+
+export function ButtonWithTooltip({
+    tooltipContent,
+    children,
+    ...buttonProps
+}: ButtonWithTooltipProps) {
+    return (
+        <TooltipProvider>
+            <Tooltip>
+                <TooltipTrigger asChild>
+                    <Button {...buttonProps}>{children}</Button>
+                </TooltipTrigger>
+                <TooltipContent>{tooltipContent}</TooltipContent>
+            </Tooltip>
+        </TooltipProvider>
+    );
+}