Use relay member lists directly

src/app/components/RoomDetail.svelte

@@ -33,7 +33,7 @@
   import RoomImage from "@app/components/RoomImage.svelte"
   import {
     deriveRoom,
-    deriveRoomMembers,
+    deriveRoomMemberList,
     deriveUserIsRoomAdmin,
     deriveUserRoomMembershipStatus,
     deriveUserRooms,
@@ -57,7 +57,7 @@
   const {url, h}: Props = $props()
 
   const room = deriveRoom(url, h)
-  const members = deriveRoomMembers(url, h)
+  const members = deriveRoomMemberList(url, h)
   const userIsAdmin = deriveUserIsRoomAdmin(url, h)
   const membershipStatus = deriveUserRoomMembershipStatus(url, h)
   const userRooms = deriveUserRooms(url)
@@ -243,7 +243,7 @@
         {/if}
       </div>
     </div>
-    {#if $members.length > 0}
+    {#if $members !== undefined && $members.length > 0}
       <div class="card2 card2-sm bg-alt flex items-center justify-between gap-4">
         <div class="flex items-center gap-4">
           <span>Members:</span>
@@ -251,6 +251,10 @@
         </div>
         <Button class="btn btn-neutral btn-sm" onclick={showMembers}>View All</Button>
       </div>
+    {:else if $members === undefined}
+      <div class="card2 card2-sm bg-base-200 flex items-center gap-4">
+        <span class="text-error">Member list not available from this relay</span>
+      </div>
     {/if}
     <div class="card2 card2-sm bg-alt col-4">
       <strong class="text-lg">Room Settings</strong>