feat: flatten components/kit -> components folder

web/src/lib/components/MonoLabel.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+	import type { Snippet } from "svelte";
+
+	interface Props {
+		accent?: boolean;
+		children?: Snippet;
+	}
+
+	let { accent = false, children }: Props = $props();
+</script>
+
+<span class="mono-label" class:accent>
+	{#if children}
+		{@render children()}
+	{/if}
+</span>
+
+<style>
+	.mono-label {
+		font: normal var(--font-size-s) var(--font-mono);
+		letter-spacing: var(--space-text-l);
+		color: var(--color-text-muted);
+		line-height: normal;
+	}
+
+	.accent {
+		color: var(--color-accent);
+	}
+</style>