Fix room icon

src/app/components/RoomImage.svelte

@@ -1,11 +1,9 @@
 <script lang="ts">
   import Hashtag from "@assets/icons/hashtag.svg?dataurl"
   import Volume from "@assets/icons/volume.svg?dataurl"
-  import VolumeLoud from "@assets/icons/volume-loud.svg?dataurl"
   import Icon from "@lib/components/Icon.svelte"
   import ImageIcon from "@lib/components/ImageIcon.svelte"
   import {deriveRoom} from "@app/core/state"
-  import {currentVoiceSession} from "@app/voice"
 
   interface Props {
     h: string
@@ -18,17 +16,11 @@
 
   const room = deriveRoom(url, h)
   const isVoiceRoom = $derived($room.livekit)
-  const isVoiceRoomActive = $derived(
-    $currentVoiceSession?.url === url && $currentVoiceSession?.h === h,
-  )
 </script>
 
 {#if isVoiceRoom}
   <div class="flex shrink-0 items-center gap-1.5">
-    <Icon
+    <Icon size={size + 1} icon={Volume} />
-      size={size + 1}
-      icon={isVoiceRoomActive ? VolumeLoud : Volume}
-      class={isVoiceRoomActive ? "text-primary -translate-x-0.5" : ""} />
     {#if $room.picture}
       <span class="text-base">/</span>
       <ImageIcon src={$room.picture} {size} alt="" class="rounded-lg" />

src/routes/spaces/[relay]/[h]/+page.svelte

@@ -363,10 +363,8 @@
 </script>
 
 <SpaceBar>
-  {#snippet icon()}
-    <RoomImage {url} {h} />
-  {/snippet}
   {#snippet title()}
+    <RoomImage {url} {h} />
     <RoomName {url} {h} />
   {/snippet}
   {#snippet action()}