Update features and dependencies

apps/web/components/recipe/version-history-button.tsx

@@ -10,8 +10,8 @@ import {
   SheetContent,
   SheetHeader,
   SheetTitle,
-  SheetTrigger,
 } from "@/components/ui/sheet";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
 
 type VersionSummary = {
   id: string;
@@ -99,19 +99,24 @@ export function VersionHistoryButton({ recipeId }: { recipeId: string }) {
   }
 
   return (
-    <Sheet open={open} onOpenChange={handleOpen}>
-      <SheetTrigger render={
-        <Button variant="ghost" size="sm">
-          <History className="h-4 w-4" />
-          History
-        </Button>
-      } />
-      <SheetContent>
+    <>
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger render={
+            <Button variant="ghost" size="icon" onClick={() => handleOpen(true)}>
+              <History className="h-4 w-4" />
+            </Button>
+          } />
+          <TooltipContent>History</TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
+      <Sheet open={open} onOpenChange={handleOpen}>
+        <SheetContent>
         <SheetHeader>
           <SheetTitle>Version History</SheetTitle>
         </SheetHeader>
 
-        <div className="mt-6 space-y-2">
+        <div className="p-2 mt-6 space-y-2">
           {loading && (
             <p className="text-sm text-muted-foreground">Loading versions...</p>
           )}
@@ -173,5 +178,6 @@ export function VersionHistoryButton({ recipeId }: { recipeId: string }) {
         </div>
       </SheetContent>
     </Sheet>
+    </>
   );
 }