Update features and dependencies

apps/web/components/recipe/translate-button.tsx

@@ -5,6 +5,7 @@ import { useRouter } from "next/navigation";
 import { Languages, Loader2 } from "lucide-react";
 import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
 import {
   Dialog,
   DialogContent,
@@ -62,10 +63,16 @@ export function TranslateButton({ recipeId }: { recipeId: string }) {
 
   return (
     <>
-      <Button variant="outline" size="sm" onClick={() => setOpen(true)}>
-        <Languages className="h-4 w-4" />
-        Translate
-      </Button>
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger render={
+            <Button variant="ghost" size="icon" onClick={() => setOpen(true)}>
+              <Languages className="h-4 w-4" />
+            </Button>
+          } />
+          <TooltipContent>Translate</TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
 
       <Dialog open={open} onOpenChange={setOpen}>
         <DialogContent className="max-w-md">