Update features and dependencies

apps/web/components/recipe/recipes-grid.tsx

@@ -25,6 +25,7 @@ type Recipe = {
   cookMins: number | null;
   difficulty: "easy" | "medium" | "hard" | null;
   visibility: "private" | "unlisted" | "public";
+  tags: string[];
   updatedAt: Date;
   photos?: Array<{ storageKey: string; isCover: boolean }>;
 };
@@ -111,6 +112,20 @@ function SelectableRecipeCard({
             {recipe.description}
           </p>
         )}
+        {recipe.tags.length > 0 && (
+          <div className="flex flex-wrap gap-1 mt-1">
+            {recipe.tags.slice(0, 3).map((tag) => (
+              <span key={tag} className="inline-flex items-center px-1.5 py-0.5 rounded text-xs bg-muted text-muted-foreground">
+                {tag}
+              </span>
+            ))}
+            {recipe.tags.length > 3 && (
+              <span className="inline-flex items-center px-1.5 py-0.5 rounded text-xs text-muted-foreground">
+                +{recipe.tags.length - 3}
+              </span>
+            )}
+          </div>
+        )}
       </div>
 
       {/* Footer */}