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}

src/routes/products/+page.svelte

@@ -44,10 +44,10 @@
 </script>
 
 {#if productsToRender && $productsToRender}
-	{#each $productsToRender as [r, p]}
+	{#each $productsToRender as [r, p] (r.id)}
 		<Heading title={r.dTag} />
 		<div class="grid gap-2" style="grid-template-columns: repeat(auto-fit, 350px);">
-			{#each p as product}
+			{#each p as product (product.id)}
 				<ProductCard {product} rocket={r} />
 			{/each}
 		</div>

src/views/rockets/Rockets.svelte

@@ -21,7 +21,7 @@
 {#if entries && $entries}
 	<Todo text={['render these in a nicer way, maybe a grid or something']} />
 
-	{#each $entries as rocketEvent}
+	{#each $entries as rocketEvent (rocketEvent.id)}
 		<RocketCard {rocketEvent} />
 	{/each}
 {/if}