Fix error toast when failing to join room.

src/app/components/VoiceRoomJoinDialog.svelte

@@ -13,6 +13,7 @@
   import ModalSubtitle from "@lib/components/ModalSubtitle.svelte"
   import ModalTitle from "@lib/components/ModalTitle.svelte"
   import {displayRoom} from "@app/core/state"
+  import {handleJoinError} from "@app/components/VoiceWidget.svelte"
   import {joinVoiceRoom} from "@app/voice"
   import {popModal} from "@app/util/modal"
 
@@ -52,7 +53,7 @@
       h,
       startWithoutMic,
       startWithoutMic ? undefined : selectedDeviceId || undefined,
-    )
+    ).catch(handleJoinError)
   }
 </script>
 

src/app/components/VoiceWidget.svelte

@@ -1,3 +1,18 @@
+<script module lang="ts">
+  import {AbortError, TimeoutError} from "$lib/util"
+  import {pushToast} from "@app/util/toast"
+
+  export function handleJoinError(e: unknown) {
+    if (e instanceof AbortError) return
+    console.error("Failed to join voice room", e)
+    let message = "Failed to join voice room"
+    if (e instanceof TimeoutError)
+      message = "Connection timed out. Please check your network and try again."
+    else if (e instanceof Error) message = e.message
+    pushToast({theme: "error", message})
+  }
+</script>
+
 <script lang="ts">
   import {readable} from "svelte/store"
   import {fly} from "svelte/transition"