Remove no-text rooms, highlight active room, fix custom voice room icons

src/app/components/SpaceMenuRoomItem.svelte

@@ -4,9 +4,10 @@
   import Icon from "@lib/components/Icon.svelte"
   import SecondaryNavItem from "@lib/components/SecondaryNavItem.svelte"
   import RoomNameWithImage from "@app/components/RoomNameWithImage.svelte"
-  import {deriveShouldNotify} from "@app/core/state"
+  import {deriveRoom, deriveShouldNotify, getRoomType, RoomType} from "@app/core/state"
   import {notifications} from "@app/util/notifications"
   import {makeRoomPath} from "@app/util/routes"
+  import {joinVoiceRoom, currentVoiceSession} from "@app/voice"
 
   interface Props {
     url: any
@@ -17,15 +18,24 @@
 
   const {url, h, notify = false, replaceState = false}: Props = $props()
 
+  const room = deriveRoom(url, h)
+  const roomType = $derived(getRoomType($room))
   const path = makeRoomPath(url, h)
   const shouldNotifyForSpace = deriveShouldNotify(url)
   const shouldNotifyForRoom = deriveShouldNotify(url, h)
   const showDifferenceIcon = $derived($shouldNotifyForRoom !== $shouldNotifyForSpace)
+
+  const handleClick = () => {
+    if (roomType !== RoomType.Voice) return
+    if ($currentVoiceSession?.url === url && $currentVoiceSession?.h === h) return
+    void joinVoiceRoom(url, h)
+  }
 </script>
 
 <SecondaryNavItem
   href={path}
   {replaceState}
+  onclick={handleClick}
   notification={notify ? $notifications.has(path) : false}>
   <RoomNameWithImage {url} {h} />
   {#if showDifferenceIcon}