Implemented status box on the side bar (#201)

web/src/routes/__layout.svelte

@@ -7,25 +7,11 @@
 <script lang="ts">
 	import '../app.css';
 
-	import { fly, slide, blur } from 'svelte/transition';
-	import { quintOut } from 'svelte/easing';
-	import { getRequest } from '$lib/api';
-	import { onDestroy } from 'svelte';
+	import { blur } from 'svelte/transition';
+
 	import DownloadPanel from '$lib/components/asset-viewer/download-panel.svelte';
-	import { serverEndpoint } from '$lib/constants';
 
 	export let url: string;
-	let endpoint = serverEndpoint;
-	let isServerOk = true;
-
-	const pingServerInterval = setInterval(async () => {
-		const response = await getRequest('server-info/ping', '');
-
-		if (response.res === 'pong') isServerOk = true;
-		else isServerOk = false;
-	}, 10000);
-
-	onDestroy(() => clearInterval(pingServerInterval));
 </script>
 
 <main>
@@ -36,19 +22,3 @@
 		</div>
 	{/key}
 </main>
-
-<footer
-	class="text-sm fixed bottom-0 h-8 flex place-items-center place-content-center bg-gray-50 w-screen font-mono gap-8 px-4 font-medium"
->
-	<p class="">
-		Server URL <span class="text-immich-primary font-bold">{endpoint}</span>
-	</p>
-	<p class="">
-		Server Status
-		{#if isServerOk}
-			<span class="text-immich-primary font-bold">OK</span>
-		{:else}
-			<span class="text-red-500 font-bold">OFFLINE</span>
-		{/if}
-	</p>
-</footer>