feat: restyle recipe info cards with grid layout and lucide icons

Align recipe metadata cards with site-wide design language using
surface colors, borders, and rounded corners. Add distinct lucide
icons per card type (Timer, Wheat, Croissant, Flame, CookingPot,
UtensilsCrossed) and switch from flex-wrap to CSS grid for uniform
card widths.

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "homepage",
-	"version": "1.23.5",
+	"version": "1.23.6",
 	"private": true,
 	"type": "module",
 	"scripts": {