Correct the code to work with the new data structure

web-svelte/src/views/lobby/multiplayer.svelte

@@ -11,7 +11,9 @@ import { onMount } from "svelte";
 
 function handleLobbyInfo(data: ILobbyInfo) {
 	if (data.status == Status.Success) {
-		players.set(data.players);
+		for (const player of data.players) {
+			$players[player.id] = player;
+		}
 	} else {
 		console.table(data);
 	};
@@ -74,7 +76,7 @@ function toggleOption(e: CustomEvent<string>) {
 		<div class="sci-fi-box">
 			<h2>Players</h2>
 			<div class="player-box">
-				{#each $players as p, i}
+				{#each Object.entries($players) as [id, p], i (id)}
 					<Player
 						name="{p.name}"
 						colour="{p.colour}"