feat(image): enhance image handling with new properties and responsive support

- Updated PostEntry type to include _rawImageUrl and _imageFocal for improved image management.
- Refactored image handling in various components to utilize the new properties, ensuring better focal point support and responsive image rendering.
- Introduced warmResponsiveImage function for pre-fetching image variants to optimize loading performance.
- Replaced CmsImage component with RustyImage in multiple blocks for consistent image processing.

src/routes/+page.server.ts

@@ -5,7 +5,7 @@ import {
   resolveContentImages,
   resolveImageUrls,
 } from '$lib/rusty-image';
-import { buildResponsiveImage, type ResponsiveImage } from '$lib/rusty-image.server';
+import { buildResponsiveImage, warmResponsiveImage, type ResponsiveImage } from '$lib/rusty-image.server';
 import {
   resolvePostOverviewBlocks,
   resolveSearchableTextBlocks,
@@ -13,14 +13,15 @@ import {
 } from '$lib/blog-utils';
 import { DEFAULT_HOME_PAGE_SLUG, PAGE_RESOLVE, SITE_NAME } from '$lib/constants';
 
-const BANNER_WIDTHS = [640, 960, 1280, 1600, 1920, 2400];
+const BANNER_WIDTHS = [640, 960, 1280, 1600, 1920];
+const BANNER_AR = '16/9';
 
 function focalToCss(focal: { x: number; y: number } | undefined): string | null {
   if (!focal) return null;
   return `${(focal.x * 100).toFixed(2)}% ${(focal.y * 100).toFixed(2)}%`;
 }
 
-export const load: PageServerLoad = async ({ locals }) => {
+export const load: PageServerLoad = async ({ locals, fetch }) => {
   const translations = locals.translations ?? {};
   let homeSlug = DEFAULT_HOME_PAGE_SLUG;
   try {
@@ -76,9 +77,9 @@ export const load: PageServerLoad = async ({ locals }) => {
           focalCss = focalToCss(primary.focal);
           responsive = await buildResponsiveImage(primary.url, {
             widths: BANNER_WIDTHS,
-            fit: 'contain',
-            formats: ['avif', 'webp', 'jpeg'],
-            quality: 78,
+            fit: 'cover',
+            ar: BANNER_AR,
+            quality: 72,
             focal: primary.focal,
           });
         }
@@ -89,6 +90,7 @@ export const load: PageServerLoad = async ({ locals }) => {
           format: 'webp',
         });
       }
+      warmResponsiveImage(responsive, fetch);
       topBanner = {
         banner: bannerRaw as import('$lib/cms').FullwidthBannerEntry | null,
         resolvedImages,