Add server transfer speed too footer

svelte/src/layout/Footer.svelte

@@ -1,10 +1,30 @@
 <script>
+import { onMount } from "svelte";
 import Discord from "../icons/Discord.svelte";
 import Github from "../icons/Github.svelte";
 import Mastodon from "../icons/Mastodon.svelte";
 import Patreon from "../icons/Patreon.svelte";
 import Reddit from "../icons/Reddit.svelte";
 import Twitter from "../icons/Twitter.svelte";
+import { formatDataVolumeBits } from "../util/Formatting.svelte";
+
+let server_tx = 0
+let cache_tx = 0
+let storage_tx = 0
+onMount(async () => {
+	try {
+		const resp = await fetch(window.api_endpoint+"/misc/cluster_speed")
+		if (resp.status >= 400) {
+			throw Error(await resp.text())
+		}
+		const speed = await resp.json()
+		server_tx = speed.server_tx
+		cache_tx = speed.cache_tx
+		storage_tx = speed.storage_tx
+	} catch (err) {
+		console.error("Failed to get speed stats", err)
+	}
+})
 </script>
 
 <footer>
@@ -35,6 +55,12 @@ import Twitter from "../icons/Twitter.svelte";
 			</a>
 		</div>
 		<br/>
+		<div style="display: inline-block; margin: 0 8px;">
+			Server speed: {formatDataVolumeBits(server_tx, 4)}ps |
+			Cache cluster: {formatDataVolumeBits(cache_tx, 4)}ps |
+			Storage cluster: {formatDataVolumeBits(storage_tx, 4)}ps
+		</div>
+		<br/>
 		<span class="small_footer_text" style="font-size: .75em; line-height: .75em;">
 			page rendered by {window.server_hostname}
 		</span>