Implement Astro Image component for optimization

[dannon]

Description

Astro provides a built-in Image component that automatically optimizes images (resizing, format conversion, lazy loading). Currently images are served as-is.

Benefits

• Automatic WebP/AVIF conversion
• Responsive image generation
• Lazy loading
• Reduced bandwidth and faster page loads

Implementation

1. Update image handling in ArticleLayout and other components to use Astro's <Image> component
2. Configure image optimization settings in astro.config.mjs
3. Handle both local and remote images appropriately

Reference

https://docs.astro.build/en/guides/images/