refactor(badge): eine Badge-Komponente überall, alle 7 CMS-Farben

components/Badge.svelte = einzige Badge-Quelle. colorClasses deckt jetzt alle
CMS-badge.color-Werte ab (green/blue/amber/orange/purple/teal/slate) — vorher
fielen orange/purple/teal/slate auf grau (Regionen-Badges sahen gleich aus).

Ad-hoc Badge-Spans (ContactCard, AdressbuchBlock) durch <Badge> ersetzt.
Verwaiste ui/Badge.svelte (0 Nutzungen) + Atoms/Badge-Story entfernt.
Molecules/Badge-Story zeigt jetzt alle Farben.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/lib/components/ContactCard.svelte

@@ -3,6 +3,7 @@
   import "$lib/iconify-offline";
   import type { ContactEntry } from "$lib/block-types";
   import { downloadVCard } from "$lib/vcard";
+  import Badge from "$lib/components/Badge.svelte";
 
   let { contact }: { contact: ContactEntry } = $props();
 
@@ -23,14 +24,10 @@
     {#if contact.role || orgNames.length > 0}
       <div class="flex flex-wrap gap-1">
         {#if contact.role}
-          <span class="shrink-0 rounded-full border border-stein-200 bg-stein-100 px-1.5 py-0 text-[0.65rem] font-medium text-stein-600">
-            {contact.role}
-          </span>
+          <Badge>{contact.role}</Badge>
         {/if}
         {#each orgNames as org}
-          <span class="shrink-0 rounded-full border border-wald-200 bg-wald-50 px-1.5 py-0 text-[0.65rem] font-medium text-wald-700">
-            {org}
-          </span>
+          <Badge color="green">{org}</Badge>
         {/each}
       </div>
     {/if}