Use new kinds, re work channels

src/app/components/MenuSpaceButton.svelte

@@ -39,7 +39,7 @@
           if ($page.url.pathname === path) return false
 
           const lastChecked = max([$checked["*"], $checked[path]])
-          const roomEvents = $events.filter(e => matchFilter({"#~": [room]}, e))
+          const roomEvents = $events.filter(e => matchFilter({"#h": [room]}, e))
 
           return getNotification($pubkey, lastChecked, roomEvents)
         }),

src/app/components/MenuSpaceRoomItem.svelte

@@ -2,6 +2,7 @@
   import Icon from "@lib/components/Icon.svelte"
   import SecondaryNavItem from "@lib/components/SecondaryNavItem.svelte"
   import {makeSpacePath} from "@app/routes"
+  import {displayRoom} from "@app/state"
   import {deriveNotification, getRoomFilters} from "@app/notifications"
 
   export let url
@@ -13,5 +14,5 @@
 
 <SecondaryNavItem href={path} notification={$notification}>
   <Icon icon="hashtag" />
-  {room}
+  {displayRoom(room)}
 </SecondaryNavItem>