Convert multiple pages into SPA

svelte/src/user_home/dashboard/CardActivity.svelte

@@ -1,10 +1,8 @@
 <script>
 import { onMount } from "svelte";
 import { formatDate } from "util/Formatting";
-import LoadingIndicator from "util/LoadingIndicator.svelte";
 import Button from "layout/Button.svelte";
-
-let loading = false
+import { loading_finish, loading_start } from "lib/Loading";
 
 let year = 0
 let month = 0
@@ -12,8 +10,8 @@ let month_str = ""
 let data = []
 
 const load_activity = async () => {
-	loading = true
 	month_str = year + "-" + ("00"+(month)).slice(-2)
+	loading_start()
 	try {
 		const resp = await fetch(window.api_endpoint+"/user/activity/" + month_str)
 		if(resp.status >= 400) {
@@ -30,7 +28,7 @@ const load_activity = async () => {
 	} catch (err) {
 		alert(err)
 	} finally {
-		loading = false
+		loading_finish()
 	}
 };
 const last_month = () => {
@@ -60,8 +58,6 @@ onMount(() => {
 })
 </script>
 
-<LoadingIndicator loading={loading}/>
-
 <div class="toolbar">
 	<Button click={last_month} icon="chevron_left"/>
 	<div class="toolbar_spacer">