Update features and dependencies

apps/web/app/(app)/shopping-lists/[id]/page.tsx

@@ -1,9 +1,13 @@
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
 import { headers } from "next/headers";
+import Link from "next/link";
+import { Printer } from "lucide-react";
 import { auth } from "@/lib/auth/server";
 import { db, shoppingLists, eq, and } from "@epicure/db";
 import { ShoppingListView } from "@/components/meal-plan/shopping-list-view";
+import { buttonVariants } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
 
 type Params = { params: Promise<{ id: string }> };
 
@@ -23,11 +27,17 @@ export default async function ShoppingListPage({ params }: Params) {
 
   return (
     <div className="space-y-6 max-w-lg">
-      <div>
-        <h1 className="text-3xl font-bold tracking-tight">{list.name}</h1>
-        <p className="text-muted-foreground mt-1">
-          {list.items.length} items{list.generatedAt ? " · Generated from meal plan" : ""}
-        </p>
+      <div className="flex items-start justify-between">
+        <div>
+          <h1 className="text-3xl font-bold tracking-tight">{list.name}</h1>
+          <p className="text-muted-foreground mt-1">
+            {list.items.length} items{list.generatedAt ? " · Generated from meal plan" : ""}
+          </p>
+        </div>
+        <Link href={`/print/shopping-list/${id}`} target="_blank" className={cn(buttonVariants({ variant: "outline", size: "sm" }))}>
+          <Printer className="h-4 w-4" />
+          Print
+        </Link>
       </div>
       <ShoppingListView
         listId={id}