fix: add item form now syncs with its correstonding toggle button correctly

src/lib/components/wishlist/WishlistActionButtons.svelte

@@ -5,19 +5,14 @@
 
 	let {
 		rearranging = $bindable(false),
+		showAddForm = false,
 		onToggleAddForm
 	}: {
 		rearranging: boolean;
+		showAddForm?: boolean;
 		onToggleAddForm: () => void;
 	} = $props();
 
-	let showAddForm = $state(false);
-
-	function toggleAddForm() {
-		showAddForm = !showAddForm;
-		onToggleAddForm();
-	}
-
 	function toggleRearranging() {
 		rearranging = !rearranging;
 	}
@@ -25,7 +20,7 @@
 
 <div class="flex flex-col md:flex-row gap-4">
 	<Button
-		onclick={toggleAddForm}
+		onclick={onToggleAddForm}
 		class="w-full md:w-auto"
 	>
 		{showAddForm ? "Cancel" : "+ Add Item"}

src/routes/wishlist/[token]/edit/+page.svelte

@@ -246,6 +246,7 @@
 
 	<WishlistActionButtons
 		bind:rearranging={rearranging}
+		showAddForm={showAddForm}
 		onToggleAddForm={handleToggleAddForm}
 	/>