add: themes for wishlists and dashboards

src/lib/components/dashboard/LocalWishlistsSection.svelte

@@ -43,15 +43,25 @@
 			items: [] // We don't have item data in localStorage
 		}));
 	});
+
+	// Description depends on authentication status
+	const sectionDescription = $derived(() => {
+		if (isAuthenticated) {
+			return t.dashboard.localWishlistsAuthDescription || "Wishlists stored in your browser that haven't been claimed yet.";
+		}
+		return t.dashboard.localWishlistsDescription || "Wishlists stored in your browser. Sign in to save them permanently.";
+	});
 </script>
 
-{#if localWishlists.length > 0}
-	<WishlistSection
-		title={t.dashboard.localWishlists || "Local Wishlists"}
-		description={t.dashboard.localWishlistsDescription || "Wishlists stored in your browser. Sign in to save them permanently."}
-		items={transformedWishlists()}
-		emptyMessage=""
-	>
+<WishlistSection
+	title={t.dashboard.localWishlists || "Local Wishlists"}
+	description={sectionDescription()}
+	items={transformedWishlists()}
+	emptyMessage={t.dashboard.emptyLocalWishlists || "No local wishlists yet"}
+	emptyActionLabel={t.dashboard.createLocalWishlist || "Create local wishlist"}
+	emptyActionHref="/"
+	showCreateButton={true}
+>
 		{#snippet actions(wishlist, unlocked)}
 			<div class="flex gap-2 flex-wrap">
 				<Button
@@ -89,5 +99,4 @@
 				{/if}
 			</div>
 		{/snippet}
-	</WishlistSection>
-{/if}
+</WishlistSection>