fix: add clearable by default for select (#5900)

frontend/src/lib/components/ScriptPicker.svelte

@@ -84,7 +84,13 @@
 <div class="flex flex-row items-center gap-4 w-full mt-2">
 	{#if options.length > 1}
 		<div>
-			<ToggleButtonGroup bind:selected={itemKind} let:item>
+			<ToggleButtonGroup
+				bind:selected={itemKind}
+				let:item
+				on:selected={() => {
+					scriptPath = ''
+				}}
+			>
 				{#each options as [label, value, icon, selectedColor]}
 					<ToggleButton {icon} {disabled} {value} {label} {selectedColor} {item} />
 				{/each}

frontend/src/lib/components/Select.svelte

@@ -14,7 +14,7 @@
 		value = $bindable(),
 		filterText: _filterTextBind = $bindable(undefined),
 		class: className = '',
-		clearable = false,
+		clearable = true,
 		listAutoWidth = true,
 		disabled: _disabled = false,
 		containerStyle = '',

frontend/src/lib/components/triggers/http/RouteEditorInner.svelte

@@ -506,7 +506,7 @@
 									allowEdit={!$userStore?.operator}
 								/>
 
-								{#if script_path === undefined}
+								{#if emptyString(script_path)}
 									<Button
 										btnClasses="ml-4 mt-2"
 										color="dark"

frontend/src/lib/components/triggers/postgres/PostgresTriggerEditorInner.svelte

@@ -526,7 +526,7 @@
 							allowEdit={!$userStore?.operator}
 						/>
 
-						{#if emptyStringTrimmed(script_path) && is_flow === false}
+						{#if emptyString(script_path) && is_flow === false}
 							<div class="flex">
 								<Button
 									disabled={!can_write}