Update features and dependencies

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

@@ -3,6 +3,7 @@
 import { useState } from "react";
 import { GitBranch } from "lucide-react";
 import { Button } from "@/components/ui/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
 import { VariationsDialog } from "./variations-dialog";
 
 export function VariationsButton({
@@ -26,10 +27,16 @@ export function VariationsButton({
 
   return (
     <>
-      <Button variant="outline" size="sm" onClick={() => setOpen(true)}>
-        <GitBranch className="h-4 w-4" />
-        Variations
-      </Button>
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger render={
+            <Button variant="ghost" size="icon" onClick={() => setOpen(true)}>
+              <GitBranch className="h-4 w-4" />
+            </Button>
+          } />
+          <TooltipContent>Variations</TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
       <VariationsDialog
         recipeId={recipeId}
         baseServings={baseServings}