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/lib/components/blocks/OrganisationsBlock.svelte

@@ -2,19 +2,15 @@
   import { marked } from "marked";
   import { getBlockLayoutClasses } from "$lib/block-layout";
   import type { OrganisationsBlockData, OrganisationEntry } from "$lib/block-types";
-  import { absoluteUrlFromCmsImageField, getCmsImageUrl } from "$lib/rusty-image";
+  import { extractCmsImageField } from "$lib/rusty-image";
   import Card from "$lib/components/Card.svelte";
   import Badge from "$lib/components/Badge.svelte";
+  import RustyImage from "$lib/components/RustyImage.svelte";
 
   marked.setOptions({ gfm: true });
 
-  /** Nach resolveContentImages: resolvedLogoSrc; sonst /cms-images Proxy. */
-  function organisationLogoSrc(o: OrganisationEntry): string | undefined {
-    const resolved = o.resolvedLogoSrc?.trim();
-    if (resolved) return resolved;
-    const url = absoluteUrlFromCmsImageField(o.logo);
-    if (!url) return undefined;
-    return getCmsImageUrl(url, { width: 256, fit: 'contain', format: 'webp', quality: 85 });
+  function organisationLogoField(o: OrganisationEntry) {
+    return extractCmsImageField(o.logo);
   }
 
   function organisationLogoAlt(o: OrganisationEntry): string {
@@ -81,17 +77,23 @@
           o.link.url.trim() !== ""
             ? o.link.url.trim()
             : undefined}
-        {@const logoSrc = organisationLogoSrc(o)}
+        {@const logoField = organisationLogoField(o)}
         {#if compact}
           <Card href={linkUrl} class="flex! flex-row! items-start! gap-3! p-3! gap-y-0!">
             <div
               class="h-10 w-10 rounded-md border border-stein-100 bg-stein-50 flex items-center justify-center overflow-hidden shrink-0"
             >
-              {#if logoSrc}
-                <img
-                  src={logoSrc}
+              {#if logoField}
+                <RustyImage
+                  src={logoField.url}
+                  focal={logoField.focal ?? null}
+                  width={80}
+                  aspect="1/1"
+                  fit="contain"
+                  quality={85}
                   alt={organisationLogoAlt(o)}
                   class="h-full w-full object-contain p-0.5"
+                  loading="lazy"
                 />
               {:else}
                 {@const fishMaskId = `org-logo-fallback-mask-c-${orgIndex}`}
@@ -140,11 +142,17 @@
             <div
               class="h-14 w-14 rounded-md border border-stein-100 bg-stein-50 flex items-center justify-center overflow-hidden shrink-0"
             >
-              {#if logoSrc}
-                <img
-                  src={logoSrc}
+              {#if logoField}
+                <RustyImage
+                  src={logoField.url}
+                  focal={logoField.focal ?? null}
+                  width={112}
+                  aspect="1/1"
+                  fit="contain"
+                  quality={85}
                   alt={organisationLogoAlt(o)}
                   class="h-full w-full object-contain p-1"
+                  loading="lazy"
                 />
               {:else}
                 {@const fishMaskId = `org-logo-fallback-mask-${orgIndex}`}