feat: adds datocms astro image

[JopMolenaar]

Changes

• Adds datocms astro image for rendering responsive images
• Adds a new page

Associated issue

Resolves #356

How to test

1. Open preview link
2. Navigate to a page that uses an image
3. Try resizing the screen and refresh to see the resized image
4. Compare with what we had. New version uses DPR to scale images istead of setting scrSets in a function we made.
5. Is it loading well?
6. What if an image fails, does it show the correct fallback

Checklist

• I have performed a self-review of my own code
• I have made sure that my PR is easy to review (not too big, includes comments)
• I have made updated relevant documentation files (in project README, docs/, etc)
• I have added a decision log entry if the change affects the architecture or changes a significant technology
• I have notified a reviewer

[cloudflare-workers-and-pages]

Deploying head-start with    Cloudflare Pages

Latest commit:	5fd9f58
Status:	✅  Deploy successful!
Preview URL:	https://af14ddcb.head-start.pages.dev
Branch Preview URL:	https://feat-image-datocms-astro.head-start.pages.dev

View logs