add: color selection on dashboard

src/lib/components/dashboard/WishlistSection.svelte

@@ -21,6 +21,8 @@
 		emptyActionHref,
 		showCreateButton = false,
 		hideIfEmpty = false,
+		fallbackColor = null,
+		fallbackTheme = null,
 		actions
 	}: {
 		title: string;
@@ -32,6 +34,8 @@
 		emptyActionHref?: string;
 		showCreateButton?: boolean;
 		hideIfEmpty?: boolean;
+		fallbackColor?: string | null;
+		fallbackTheme?: string | null;
 		actions: Snippet<[WishlistItem, boolean]>; // item, unlocked
 	} = $props();
 
@@ -126,6 +130,8 @@
 		{emptyDescription}
 		{emptyActionLabel}
 		{emptyActionHref}
+		{fallbackColor}
+		{fallbackTheme}
 	>
 		{#snippet headerAction()}
 			<div class="flex flex-col sm:flex-row gap-2">
@@ -150,6 +156,8 @@
 				itemCount={wishlist.items?.length || 0}
 				color={wishlist.color}
 				theme={wishlist.theme}
+				fallbackColor={fallbackColor}
+				fallbackTheme={fallbackTheme}
 			>
 				{@render actions(item, unlocked)}
 			</WishlistCard>