Make the button components use the click listen instead of the handler

web-svelte/src/components/Player.svelte

@@ -19,7 +19,7 @@ let canLeave = $myName == $hostName || name == $myName;
 	{#if $myName == name}
 		<SciFiButton
 			background="{colour}"
-			handler={changeColour}
+			on:click={changeColour}
 			height="60px"
 			width="60px"
 			hoverBackground="{colour}"
@@ -51,7 +51,7 @@ let canLeave = $myName == $hostName || name == $myName;
 	{#if canLeave}
 	<SciFiButton
 		background="#ff0000"
-		handler={exitPlayer}
+		on:click={exitPlayer}
 		height="60px"
 		width="75px"
 		hoverBackground="#ff0000"

web-svelte/src/components/modals/BaseModal.svelte

@@ -28,7 +28,7 @@ function closeModal() {
 	>
 		<SciFiButton
 			classes="close-button"
-			handler={closeModal}
+			on:click={closeModal}
 			height="60"
 			width="60"
 			on:click