change scheduling mode to enum in rounds, change appreance of scheduling

mode picker in competition

src/lib/components/rounds/create-round.svelte

@@ -26,6 +26,7 @@
 			credentials: 'include',
 			body: JSON.stringify({ scheduling_mode: schedulingMode })
 		});
+		console.log("response", response)
 	}
 </script>
 
@@ -37,13 +38,11 @@
 	>
 		{#each Object.values(SchedulingMode) as mode}
 			<button
-				class={cn(
-					'flex h-full w-full items-center gap-4 rounded-xl border',
-					schedulingMode === mode && ' border-green-500'
-				)}
+				class=
+					'flex h-full w-full items-center gap-4 rounded-xl'
 				onclick={() => (schedulingMode = mode)}
 			>
-				<Card class="w-full">
+				<Card class={cn("w-full", schedulingMode === mode && ' border-green-500')}>
 					<CardHeader class="flex justify-between">
 						<Label class="text-start">{$_(mode)}</Label>
 					</CardHeader>