Use centralized loading indicator

svelte/src/user_home/APIKeys.svelte

@@ -1,6 +1,6 @@
 <script>
 import { formatDate } from "../util/Formatting.svelte";
-import Spinner from "../util/Spinner.svelte";
+import LoadingIndicator from "../util/LoadingIndicator.svelte";
 
 let loading = false
 let loaded = false
@@ -82,11 +82,7 @@ const logout = async (key) => {
 }
 </script>
 
-{#if loading}
-	<div class="spinner_container">
-		<Spinner />
-	</div>
-{/if}
+<LoadingIndicator loading={loading}/>
 
 <section>
 	{#if !loaded}
@@ -164,14 +160,6 @@ const logout = async (key) => {
 </div>
 
 <style>
-.spinner_container {
-	position: absolute;
-	top: 10px;
-	left: 10px;
-	height: 100px;
-	width: 100px;
-	z-index: 1000;
-}
 .toolbar {
 	display: flex;
 	flex-direction: row;