Testing things out

src/routes/playground/cells/+page.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import HeadToHeadCell from '$lib/components/HeadToHeadCell.svelte';
+	import type { PageData } from './$types';
+	let { data }: { data: PageData } = $props();
+	console.debug(data);
+</script>
+
+<div class="flex">
+	{#each data.rounds as round}
+		<div class="min-w-36">
+			{#each round as match}
+				<HeadToHeadCell
+					player1={match.player1}
+					player2={match.player2}
+					player1Seed={match.seed1}
+					player2Seed={match.seed2}
+					setId={match.matchId}
+				/>
+			{/each}
+		</div>
+	{/each}
+</div>