feat: add empty component

src/lib/components/common/empty/empty.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { Bot } from '@lucide/svelte';
+	import type { Snippet } from 'svelte';
+
+	import { GlassPane } from '$lib/components/common/glass-pane';
+
+	let {
+		icon: Icon,
+		caption,
+	}: {
+		icon: typeof Bot;
+		caption?: Snippet;
+	} = $props();
+</script>
+
+<div class="my-16 flex flex-col items-center gap-3 text-center">
+	<GlassPane class="p-4">
+		<Icon class="opacity-50" size={48} strokeWidth={2} />
+	</GlassPane>
+	{@render caption?.()}
+</div>

src/lib/components/common/empty/index.ts

@@ -0,0 +1,3 @@
+import Empty from './empty.svelte';
+
+export { Empty };