feat: sync active room players

src/lib/Room.svelte

@@ -12,6 +12,7 @@
 	let { room }: { room: Room } = $props();
 
 	let roomTimer = $state(room.secondsRemaining);
+	let players = $state(room.players);
 
 	onMount(() => {
 		if (!room.finished) {
@@ -29,7 +30,9 @@
 					.get<Room>(`/api/room/${room.roomId}`)
 					.then((result) => result.data);
 				roomTimer = updatedRoom.secondsRemaining;
+				players = updatedRoom.players;
 				if (updatedRoom.finished) {
+					console.log('killing invervals');
 					clearInterval(roomTimerUpdateInterval);
 					clearInterval(roomTimerSyncInterval);
 				}
@@ -69,7 +72,7 @@
 		</p>
 
 		<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 sm:grid-rows-2">
-			{#each room.players as player}
+			{#each players as player}
 				<Player {player} />
 			{/each}
 		</div>