chore: init

web/src/lib/ConnectionLostDialog.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { browser } from "$app/environment";
+  import * as AlertDialog from "$lib/components/ui/alert-dialog/index.js";
+	import { onMount } from "svelte";
+
+	onMount(() => {
+		if(!browser) return;
+
+		setTimeout(() => {
+			location.reload();
+		}, 10000);
+	})
+</script>
+ 
+<AlertDialog.Root open>
+  <AlertDialog.Content>
+    <AlertDialog.Header>
+      <AlertDialog.Title>Verbindung verloren</AlertDialog.Title>
+      <AlertDialog.Description>
+				Die Verbindung zum Server wurde unterbrochen.<br>Die Verbindung wird automatisch wiederhergestellt.
+      </AlertDialog.Description>
+    </AlertDialog.Header>
+  </AlertDialog.Content>
+</AlertDialog.Root>