Spruce up home page navigation

src/app/state.ts

@@ -605,6 +605,9 @@ export const displayChannel = (url: string, room: string) => {
   return channelsById.get().get(makeChannelId(url, room))?.name || room
 }
 
+export const roomComparator = (url: string) => (room: string) =>
+  displayChannel(url, room).toLowerCase()
+
 // User stuff
 
 export const userSettings = withGetter(
@@ -633,6 +636,20 @@ export const userMembership = withGetter(
   }),
 )
 
+export const deriveUserRooms = (url: string) =>
+  derived(userMembership, $userMembership => [
+    GENERAL,
+    ...sortBy(roomComparator(url), getMembershipRoomsByUrl(url, $userMembership)),
+  ])
+
+export const deriveOtherRooms = (url: string) =>
+  derived([deriveUserRooms(url), channelsByUrl], ([$userRooms, $channelsByUrl]) =>
+    sortBy(
+      roomComparator(url),
+      ($channelsByUrl.get(url) || []).filter(c => !$userRooms.includes(c.room)).map(c => c.room),
+    ),
+  )
+
 // Other utils
 
 export const encodeRelay = (url: string) => encodeURIComponent(normalizeRelayUrl(url))