feat: redesign LinksGrid with semantic theming, rounded corners, and new layout

- Use semantic CSS variables (--color-surface, --shadow-sm, etc.) instead
  of hardcoded Nord values and manual dark mode overrides
- Add border-radius and overflow:hidden for rounded card corners
- Move icon fill variables (--grid-fill-*) into app.css theme system:
  colorful (red/orange/green) in light, cool blues in dark
- Mottled fill distribution via prime-offset nth-child selectors
- Reorder homepage links: Recipes, Shopping, Fitness, Faith, Tasks first
- Add Nutrition direct link with heart-pulse icon
- Document site-wide design language in CLAUDE.md

package.json

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