Enhance component functionality and styling across the project

- Updated .gitignore to include raw image files for better asset management.
- Added optional icon and color properties to Tag and TagItem interfaces for improved tag customization.
- Enhanced BlogOverview and PostCard components to support new tag features, including icon and color display.
- Refined Card component to accept target and rel attributes for better link handling.
- Improved layout responsiveness in ContentRows and PostCard components.
- Updated OrganisationsBlock to include a new CTA link feature for adding organizations.
- Enhanced QuoteBlock styling for better visual emphasis on quotes.
- Refactored image handling in various components to ensure consistent display and performance.
- Introduced utility functions for resolving body content and filtering hidden posts in blog utilities.

src/components/blocks/OrganisationsBlock.svelte

@@ -34,6 +34,30 @@
       ? (marked.parse(block.addOrganisationMarkdown) as string)
       : ""
   );
+
+  const addOrganisationCtaLink = $derived.by(() => {
+    const raw = block.addOrganisationLink;
+    if (!raw || typeof raw !== "object") return undefined;
+    const url = typeof raw.url === "string" ? raw.url.trim() : "";
+    if (!url) return undefined;
+    const linkName =
+      typeof raw.linkName === "string" && raw.linkName.trim() !== ""
+        ? raw.linkName.trim()
+        : url;
+    return { url, linkName, newTab: Boolean(raw.newTab) };
+  });
+
+  const showAddOrganisationCard = $derived(
+    Boolean(
+      block.addOrganisationTitle?.trim() ||
+        block.addOrganisationMarkdown?.trim() ||
+        addOrganisationCtaLink
+    )
+  );
+
+  const addOrganisationCardClass = $derived(
+    `${compact ? "border-dashed border-wald-300 bg-wald-50! p-3! gap-1.5!" : "border-dashed border-wald-300 bg-wald-50!"}${addOrganisationCtaLink ? " cursor-pointer" : ""}`,
+  );
 </script>
 
 <div class={layoutClasses} data-block-type="organisations" data-block-slug={block._slug}>
@@ -103,12 +127,7 @@
               {/if}
             </div>
             <div class="min-w-0 flex-1 flex flex-col gap-0.5">
-              <div class="flex flex-wrap items-center gap-2">
-                <h5 class="text-sm font-semibold text-stein-900 leading-snug">{o.name ?? ""}</h5>
-                {#if o.badge && typeof o.badge === "object" && o.badge.label}
-                  <Badge color={o.badge.color}>{o.badge.label}</Badge>
-                {/if}
-              </div>
+              <h5 class="text-sm font-semibold text-stein-900 leading-snug">{o.name ?? ""}</h5>
               {#if o.description}
                 <p class="text-xs text-stein-600 line-clamp-2">{o.description}</p>
               {/if}
@@ -165,7 +184,7 @@
                 <Badge color={o.badge.color}>{o.badge.label}</Badge>
               </div>
             {/if}
-            <h5 class="text-base font-semibold text-stein-900 leading-snug">{o.name ?? ""}</h5>
+            <h5 class="min-w-0 text-sm font-semibold leading-snug text-stein-900 truncate">{o.name ?? ""}</h5>
             {#if o.description}
               <p class="text-sm text-stein-600">{o.description}</p>
             {/if}
@@ -174,11 +193,12 @@
       {/if}
     {/each}
 
-    {#if block.addOrganisationTitle || block.addOrganisationMarkdown}
+    {#if showAddOrganisationCard}
       <Card
-        class={compact
-          ? "border-dashed border-wald-300 bg-wald-50 p-3! gap-1.5!"
-          : "border-dashed border-wald-300 bg-wald-50"}
+        href={addOrganisationCtaLink?.url}
+        target={addOrganisationCtaLink?.newTab ? "_blank" : undefined}
+        rel={addOrganisationCtaLink?.newTab ? "noopener noreferrer" : undefined}
+        class={addOrganisationCardClass}
       >
         {#if block.addOrganisationTitle}
           <h5
@@ -194,6 +214,15 @@
             {@html ctaHtml}
           </div>
         {/if}
+        {#if addOrganisationCtaLink}
+          <p
+            class={compact
+              ? "mb-0 mt-1 text-xs font-medium text-wald-800"
+              : "mb-0 mt-2 text-sm font-medium text-wald-800"}
+          >
+            {addOrganisationCtaLink.linkName}
+          </p>
+        {/if}
       </Card>
     {/if}
   </div>