Convert multiple pages into SPA

svelte/src/admin_panel/InvoiceVAT.svelte

@@ -1,13 +1,12 @@
 <script lang="ts">
 import { onMount } from "svelte";
 import { formatDate } from "util/Formatting";
-import LoadingIndicator from "util/LoadingIndicator.svelte";
 import Expandable from "util/Expandable.svelte";
 import SortableTable, { FieldType } from "layout/SortableTable.svelte";
 import { country_name, get_admin_invoices, type Invoice } from "lib/AdminAPI";
 import PayPalVat from "./PayPalVAT.svelte";
+import { loading_finish, loading_start } from "lib/Loading";
 
-let loading = true
 let invoices: Invoice[] = []
 
 let year = 0
@@ -62,7 +61,7 @@ const obj_to_list_eu = (obj: {[id: string]: Total}) => {
 }
 
 const get_invoices = async () => {
-	loading = true;
+	loading_start()
 	try {
 		const resp = await get_admin_invoices(year, month)
 
@@ -92,7 +91,7 @@ const get_invoices = async () => {
 	} catch (err) {
 		alert(err);
 	} finally {
-		loading = false;
+		loading_finish()
 	}
 };
 
@@ -158,8 +157,6 @@ let records_hidden = 0
 let invoices_filtered: Invoice[] = []
 </script>
 
-<LoadingIndicator loading={loading}/>
-
 <section>
 	<h3>{year + "-" + ("00"+(month)).slice(-2)}</h3>
 	<div class="toolbar">