Initial SvelteKit frontend port of windwiderstand.de

Full parity with Astro site: content rows, post/tag routes, pagination,
event badges + OSM map, comments, Live-Search via /api/search-index,
CMS image proxy, RSS, sitemap.

Deploy: Dockerfile + docker-compose.prod.yml + Gitea Actions workflow
to build + push to git.pm86.de registry and ssh-deploy to Contabo.

src/lib/ui/Badge.svelte

@@ -0,0 +1,57 @@
+<script lang="ts">
+  type Variant = 'default' | 'primary' | 'accent' | 'inactive' | 'date';
+
+  let {
+    label = '',
+    variant = 'default',
+    href = null as string | null,
+    active = false,
+    onclick = null as (() => void) | null,
+  } = $props();
+
+  const baseClass =
+    'inline-flex shrink-0 whitespace-nowrap rounded-full py-1 px-2.5 text-[0.6875rem] font-medium transition-all ring-1 no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-1';
+
+  const variantClasses = $derived(
+    {
+      default: 'bg-stein-0 text-stein-800 ring-stein-200 hover:bg-stein-50',
+      primary: 'bg-wald-500 text-white ring-wald-600/30 hover:bg-wald-600',
+      accent: 'bg-himmel-400 text-white ring-himmel-500/30 hover:bg-himmel-500',
+      inactive: 'bg-stein-100 text-stein-500 ring-stein-200',
+      date: 'bg-wald-600 text-white ring-wald-700/40',
+    }[variant]
+  );
+
+  const shadowClass = $derived(
+    href || onclick
+      ? variant === 'date'
+        ? 'shadow-[0_0_6px_rgba(0,0,0,0.25)]'
+        : 'shadow-[0_2px_6px_rgba(0,0,0,0.12)]'
+      : ''
+  );
+
+  const classes = $derived(
+    `${baseClass} ${variantClasses} ${shadowClass} ${active ? 'pointer-events-none ring-2' : ''}`
+  );
+</script>
+
+{#if href}
+  <a
+    href={href}
+    class={classes}
+    aria-current={active ? 'true' : undefined}
+  >
+    {label}
+  </a>
+{:else if onclick}
+  <button
+    type="button"
+    class={classes}
+    aria-current={active ? 'true' : undefined}
+    onclick={onclick}
+  >
+    {label}
+  </button>
+{:else}
+  <span class={classes}>{label}</span>
+{/if}