fix: recipe cover placeholder icons use solid color, not opacity (v0.51.2)

text-foreground/25 alpha compounded wherever an icon's own stroke paths
overlap (chef-hat's brim/band, croissant's curves), reading as a dark
blotch instead of an even tint. Swapped to text-muted-foreground — solid,
themed, no overlap artifacts.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

apps/web/components/recipe/recipe-cover-placeholder.tsx

@@ -14,7 +14,10 @@ export function RecipeCoverPlaceholder({
   const { gradient, Icon } = getRecipePlaceholder(recipe);
   return (
     <div className={cn("w-full h-full flex items-center justify-center bg-muted bg-gradient-to-br", gradient, className)}>
-      <Icon className={cn("h-10 w-10 text-foreground/25", iconClassName)} strokeWidth={1.5} />
+      {/* Solid color, not opacity — an alpha stroke darkens wherever an
+          icon's own paths overlap (visible on icons like ChefHat/Croissant),
+          reading as an uneven blotch instead of a flat, even tint. */}
+      <Icon className={cn("h-10 w-10 text-muted-foreground", iconClassName)} strokeWidth={1.5} />
     </div>
   );
 }