Fix display of long room names.

src/modules/room/RoomListEntry.tsx

@@ -25,11 +25,11 @@ const RoomListEntry: FC<Props> = ({ name, data }) => {
       activeClassName="bg-yellow-300 font-bold"
       className={`block p-3 ${backgroundColor} hover:bg-yellow-300 rounded-xl`}
     >
-      <div className="flex justify-between">
-        <div>{name}</div>
-        <div>
+      <div className="flex justify-between gap-1">
+        <span className="truncate whitespace-nowrap">{name}</span>
+        <span className="truncate whitespace-nowrap">
           ({userCount} user{userCount > 1 ? "s" : ""})
-        </div>
+        </span>
       </div>
     </NavLink>
   );