fix: stack tag filter and sort buttons vertically on mobile

Tags get full width for horizontal scrolling, sort buttons sit
below aligned to the right. Side by side on desktop.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/lib/components/NotesView.svelte

@@ -77,7 +77,7 @@
 {/if}
 
 {#if filter === 'all'}
-	<div class="mb-4 flex flex-wrap items-start justify-between gap-3">
+	<div class="mb-4 flex flex-col gap-3 md:flex-row md:items-start md:justify-between">
 		<TagFilter />
 		<SortSelector />
 	</div>

src/lib/components/SortSelector.svelte

@@ -11,7 +11,7 @@
 	];
 </script>
 
-<div class="inline-flex rounded-sm border border-[var(--border-subtle)]" data-testid="sort-selector">
+<div class="inline-flex self-end rounded-sm border border-[var(--border-subtle)]" data-testid="sort-selector">
 	{#each modes as mode}
 		<button
 			onclick={() => sortMode.set(mode.value)}