add turns and update token logic.

src/lib/components/PlayerList.svelte

@@ -0,0 +1,32 @@
+<script>
+	import { getMeContext } from "$lib/meContext";
+
+	const { players } = $props();
+
+	const me = getMeContext();
+</script>
+
+<div class="list">
+	<ol>
+		{#each players as player}
+			{#if me !== null && player.id === me.id}
+				<li class="you">you</li>
+			{:else}
+				<li>{player.username}</li>
+			{/if}
+		{/each}
+	</ol>
+</div>
+
+<style>
+	.you {
+		font-weight: bold;
+	}
+
+	.list {
+		border: 1pt gray solid;
+		background: white;
+		height: 100%;
+		width: 100%;
+	}
+</style>