add search button to basic mode, instead of searching for torrents everytime season number changes

web/src/lib/components/download-season-dialog.svelte

@@ -126,18 +126,6 @@
 		}
 	}
 
-	$effect(() => {
-		if (show?.id) {
-			console.log('selectedSeasonNumber changed:', selectedSeasonNumber);
-			getTorrents(selectedSeasonNumber).then((fetchedTorrents) => {
-				if (!isLoadingTorrents) {
-					torrents = fetchedTorrents;
-				} else if (fetchedTorrents.length > 0 || torrentsError) {
-					torrents = fetchedTorrents;
-				}
-			});
-		}
-	});
 </script>
 
 {#snippet saveDirectoryPreview(
@@ -166,15 +154,34 @@
 				<div class="grid w-full items-center gap-1.5">
 					{#if show?.seasons?.length > 0}
 						<Label for="season-number"
-							>Enter a season number from 1 to {show.seasons.at(-1).number}</Label
+						>Enter a season number from 1 to {show.seasons.at(-1).number}</Label
 						>
-						<Input
-							type="number"
-							class="max-w-sm"
-							id="season-number"
-							bind:value={selectedSeasonNumber}
-							max={show.seasons.at(-1).number}
-						/>
+						<div class="flex w-full max-w-sm items-center space-x-2">
+							<Input
+								type="number"
+								class="max-w-sm"
+								id="season-number"
+								bind:value={selectedSeasonNumber}
+								max={show.seasons.at(-1).number}
+							/>
+							<Button
+									variant="secondary"
+									onclick={async () => {
+										isLoadingTorrents = true;
+										torrentsError = null;
+										torrents = [];
+										try {
+											torrents = await getTorrents(selectedSeasonNumber, false);
+										} catch (error) {
+											console.log(error);
+										} finally {
+											isLoadingTorrents = false;
+										}
+									}}
+							>
+								Search
+							</Button>
+						</div>
 						<p class="text-sm text-muted-foreground">
 							Enter the season's number you want to search for. The first, usually 1, or the last
 							season number usually yield the most season packs. Note that only Seasons which are