feat: Enhance space hierarchy management by implementing asynchronous room fetching and improving room handling logic

src/app/features/lobby/RoomItem.tsx

@@ -267,7 +267,7 @@ type RoomItemCardProps = {
   dm?: boolean;
   firstChild?: boolean;
   lastChild?: boolean;
-  onOpen: MouseEventHandler<HTMLButtonElement>;
+  onOpen?: MouseEventHandler<HTMLButtonElement>;
   options?: ReactNode;
   before?: ReactNode;
   after?: ReactNode;
@@ -332,7 +332,7 @@ export const RoomItemCard = as<'div', RoomItemCardProps>(
                   suggested={content.suggested}
                   joinRule={localSummary.joinRule}
                   options={
-                    joined ? (
+                    joined && onOpen ? (
                       <Box shrink="No" gap="100" alignItems="Center">
                         <Chip
                           data-room-id={roomId}