feat: implement Open Graph image generation and enhance configuration

- Added ogImages integration to generate Open Graph images for blog posts.
- Updated configuration to include Open Graph settings and default preview image.
- Refactored Head component to utilize new preview property for Open Graph meta tags.
- Enhanced blog post schema to include preview image for structured data representation.
- Introduced utility functions for creating Open Graph images with dynamic content.

package.json

@@ -23,15 +23,22 @@
     "@astrojs/check": "^0.9.4",
     "@astrojs/rss": "^4.0.12",
     "@astrojs/sitemap": "^3.4.1",
+    "@resvg/resvg-js": "^2.6.2",
     "astro": "^5.9.0",
     "autoprefixer": "^10.4.21",
     "cssnano": "^7.0.7",
     "cssnano-preset-advanced": "^7.0.7",
     "dayjs": "^1.11.13",
+    "geist": "^1.4.2",
+    "globby": "^14.1.0",
+    "gray-matter": "^4.0.3",
     "mdast-util-to-string": "^4.0.0",
     "reading-time": "^1.5.0",
     "sass": "^1.89.1",
+    "satori": "^0.15.2",
+    "satori-html": "^0.3.2",
     "schema-dts": "^1.1.5",
+    "sharp": "^0.34.2",
     "typescript": "^5"
   },
   "devDependencies": {