feat: add card component

src/lib/components/common/card/card.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { ClassValue } from 'svelte/elements';
+
+	import { GlassPane } from '$lib/components/common/glass-pane';
+
+	let {
+		class: className = '',
+		title,
+		children,
+	}: { class?: ClassValue; title?: string; children?: Snippet } = $props();
+</script>
+
+<GlassPane class={['px-4 py-3', className]}>
+	{#if title}
+		<h2 class="mb-4 text-xl font-thin text-white/75">{title}</h2>
+	{/if}
+	{@render children?.()}
+</GlassPane>

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

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