Refactoring of various stuff

big mess, I don't remember what I was trying to accomplish there

src/lib/components/ScenarioPanel.svelte

@@ -16,10 +16,10 @@
 	import type { SavedScenario } from "$lib/types";
 	import { getSavedScenarios, updateScenario, saveScenario } from "$lib/api/scenarios";
 	import { FlightParametersStore, writeLocalStorage, ScenarioStore, SavedScenarioStore } from "$lib/stores";
-	import SelectSearchable from "$lib/components/SelectSearchable.svelte";
+	import SelectSearchable from "$lib/components/ui/SelectSearchable.svelte";
 	import { onMount } from "svelte";
-	import { addToast } from "./Toast.svelte";
-	import ScenarioEditor from "./ScenarioEditor.svelte";
+	import { addToast } from "./ui/Toast.svelte";
+	import ScenarioEditor from "$lib/components/editors/ScenarioEditor.svelte";
 
 	let isCollapsed = $state(false);
 	let scenarioUnsaved = $derived(checkScenarioUnsaved());
@@ -187,12 +187,13 @@
 							bind:selected={selectedScenarioId}
 							placeholder="Новый сценарий..."
 							searchPlaceholder="Поиск сценариев..."
-							on:change={() => {
+							clearable={true}
+							onChange={() => {
 								if (!scenarioUnsaved) {
 									handleApplySelectedScenario(false);
 								}
 							}} />
-						<Button
+						<!-- <Button
 							size="sm"
 							color="white"
 							class="position-absolute top-50 end-0 translate-middle-y rounded-circle d-flex align-items-center justify-content-center"
@@ -202,7 +203,7 @@
 							}}
 							disabled={selectedScenarioId === -1}>
 							<Icon name="x" style="font-size: 16px;" />
-						</Button>
+						</Button> -->
 					</div>
 					<Button
 						color="success"