fix handling of state

web/src/lib/components/add-media-card.svelte

@@ -13,7 +13,6 @@
 		result,
 		isShow = true
 	}: { result: components['schemas']['MetaDataProviderSearchResult']; isShow: boolean } = $props();
-	console.log('Add Show Card Result: ', result);
 
 	async function addMedia() {
 		loading = true;

web/src/lib/components/media-picture.svelte

@@ -4,7 +4,6 @@
 
 	const apiUrl = env.PUBLIC_API_URL;
 	let { media } = $props();
-	console.log('got media: ', media);
 </script>
 
 <picture>

web/src/routes/dashboard/tv/+page.svelte

@@ -72,7 +72,7 @@
 			class="grid w-full auto-rows-min gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
 		>
 			{#each tvShows as show (show.id)}
-				<a href={resolve('/dashboard/tv/[showId]', { showId: show.id })}>
+				<a href={resolve('/dashboard/tv/[showId]', { showId: show.id! })}>
 					<Card.Root class="col-span-full max-w-[90vw] ">
 						<Card.Header>
 							<Card.Title class="h-6 truncate">{getFullyQualifiedMediaName(show)}</Card.Title>

web/src/routes/dashboard/tv/[showId=uuid]/+page.svelte

@@ -27,7 +27,7 @@
 	let torrents: components['schemas']['RichShowTorrent'] = $derived(page.data.torrentsData);
 	let user: () => components['schemas']['UserRead'] = getContext('user');
 
-	let continuousDownloadEnabled = $state(show.continuous_download);
+	let continuousDownloadEnabled = $derived(show.continuous_download);
 
 	async function toggle_continuous_download() {
 		const { response } = await client.POST('/api/v1/tv/shows/{show_id}/continuousDownload', {