✨ Adds msgPack and update message protocol

app/src/routes/connection/Connection.svelte

@@ -1,28 +1,26 @@
 <script lang="ts">
-    import SettingsCard from '$lib/components/SettingsCard.svelte';
-    import { WiFi } from '$lib/components/icons';
-    import { location, socket, useFeatureFlags } from '$lib/stores';
+  import SettingsCard from '$lib/components/SettingsCard.svelte';
+  import { WiFi } from '$lib/components/icons';
+  import { location, socket } from '$lib/stores';
 
-    const features = useFeatureFlags();
-
-    const update = () => {
-        const ws = $location ? $location : window.location.host;
-        socket.init(`ws://${ws}/api/ws/events`);
-    };
+  const update = async () => {
+    const ws = $location ? $location : window.location.host;
+    socket.init(`ws://${ws}/api/ws/events`);
+  };
 </script>
 
 <SettingsCard collapsible={false}>
-    {#snippet icon()}
-        <WiFi  class="lex-shrink-0 mr-2 h-6 w-6 self-end" />
-    {/snippet}
-    {#snippet title()}
-        <span >Connection</span>
-    {/snippet}
+  {#snippet icon()}
+    <WiFi class="lex-shrink-0 mr-2 h-6 w-6 self-end" />
+  {/snippet}
+  {#snippet title()}
+    <span>Connection</span>
+  {/snippet}
 
-    <div class="flex">
-        <label class="label w-32" for="server">Address:</label>
-        <input class="input" bind:value={$location} />
-    </div>
+  <div class="flex">
+    <label class="label w-32" for="server">Address:</label>
+    <input class="input" bind:value={$location} />
+  </div>
 
-    <button class="btn btn-primary" onclick={update}>Update</button>
+  <button class="btn btn-primary" onclick={update}>Update</button>
 </SettingsCard>