fix: responsive buttons on dashboard wishlist lists on mobile

src/lib/components/ui/UnlockButton.svelte

@@ -19,7 +19,6 @@
 <Button
 	onclick={handleClick}
 	variant={unlocked ? "default" : "outline"}
-	class="w-full md:w-auto"
 >
 	{#if unlocked}
 		<Lock class="mr-2 h-4 w-4" />

src/routes/dashboard/+page.svelte

@@ -135,7 +135,7 @@
 		emptyActionHref="/"
 	>
 		{#snippet headerAction()}
-			<div class="flex gap-2 flex-wrap">
+			<div class="flex flex-col sm:flex-row gap-2">
 				<Button onclick={() => (window.location.href = '/')}>{t.dashboard.createNew}</Button>
 				<UnlockButton bind:unlocked={myWishlistsUnlocked} />
 			</div>
@@ -225,7 +225,9 @@
 		emptyDescription={t.dashboard.emptySavedWishlistsDescription}
 	>
 		{#snippet headerAction()}
-			<UnlockButton bind:unlocked={savedWishlistsUnlocked} />
+			<div class="flex flex-col sm:flex-row gap-2">
+				<UnlockButton bind:unlocked={savedWishlistsUnlocked} />
+			</div>
 		{/snippet}
 
 		{#snippet searchBar()}