Merge pull request #44 from bob2402/each-key

problem: sometimes the content of the card does not match the title

src/components/ProductFomo.svelte

@@ -27,7 +27,7 @@
 		<Card.Description></Card.Description>
 	</Card.Header>
 	<Card.Content class="grid grid-cols-1 gap-2">
-		{#each $products as product}
+		{#each $products as product (product.ID)}
 			<div>
 				<ProductCardFromId {rocket} productID={product.ID}>
 					<ProductPurchases {rocket} {product} />

src/components/ProductsForRocket.svelte

@@ -11,7 +11,7 @@
 </script>
 
 {#if rocketEvent && rocketProducts.size > 0}
-	{#each rocketProducts as [id, product]}
+	{#each rocketProducts as [id, product] (id)}
 		<ProductCardFromID rocket={rocketEvent} productID={product.ID} />
 		<ProductPurchases rocket={rocketEvent} {product} />{/each}
 {/if}

src/components/ProposedProducts.svelte

@@ -29,4 +29,4 @@
 	});
 </script>
 
-{#each $unratified as r}<ProductCard {rocket} product={r} />{/each}
+{#each $unratified as r (r.id)}<ProductCard {rocket} product={r} />{/each}