Convert multiple pages into SPA

svelte/src/filesystem/filemanager/SearchBar.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
 import { onMount } from "svelte";
-import { fs_search, fs_encode_path, fs_thumbnail_url } from "filesystem/FilesystemAPI";
+import { fs_search, fs_encode_path, fs_thumbnail_url } from "lib/FilesystemAPI";
 import type { FSNavigator } from "filesystem/FSNavigator";
+    import { loading_finish, loading_start } from "lib/Loading";
 
 export let nav: FSNavigator
 
@@ -43,9 +44,9 @@ const search = async (limit = 10) => {
 	last_limit = limit
 
 	searching = true
-	nav.set_loading(true)
 
 	try {
+		loading_start()
 		search_results = await fs_search(nav.base.path, search_term, limit)
 	} catch (err) {
 		if (err.value) {
@@ -54,6 +55,8 @@ const search = async (limit = 10) => {
 			alert(err)
 			console.error(err)
 		}
+	} finally {
+		loading_finish()
 	}
 
 	if (search_results.length > 0 && selected_result > search_results.length-1) {
@@ -61,7 +64,6 @@ const search = async (limit = 10) => {
 	}
 
 	searching = false
-	nav.set_loading(false)
 
 	// It's possible that the user entered another letter while we were
 	// performing the search reqeust. If this happens we run the search function
@@ -218,7 +220,6 @@ const window_keydown = (e: KeyboardEvent) => {
 	max-width: 100%;
 	padding-top: 2px;
 	padding-bottom: 2px;
-	border-bottom: 1px solid var(--separator);
 }
 
 .search_form {