fix(perf,a11y): selectAtom for unread subscriptions, semantic headings, Perf-5 binary search

Perf-3: Replace raw roomToUnreadAtom subscription in Home, Direct, Space with
  selectAtom-derived Set<string> — components now only re-render when rooms
  gain/lose unread presence, not on every notification count update
Perf-5: RoomTimeline eventRenderer now uses binary search on precomputed
  timelineSegments instead of O(N×T) linear scan per visible message
A11y L-1: Add as=h2 semantic heading to Home, Direct, Inbox, Space page nav
  titles so screen readers announce page sections correctly

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/pages/client/direct/Direct.tsx

@@ -1,5 +1,6 @@
 import React, { MouseEventHandler, forwardRef, useMemo, useRef, useState } from 'react';
 import { useAtom, useAtomValue } from 'jotai';
+import { selectAtom } from 'jotai/utils';
 import {
   Avatar,
   Box,
@@ -102,7 +103,7 @@ function DirectHeader() {
       <PageNavHeader>
         <Box alignItems="Center" grow="Yes" gap="300">
           <Box grow="Yes">
-            <Text size="H4" truncate>
+            <Text as="h2" size="H4" truncate>
               Direct Messages
             </Text>
           </Box>
@@ -174,7 +175,25 @@ export function Direct() {
   const scrollRef = useRef<HTMLDivElement>(null);
   const directs = useDirectRooms();
   const notificationPreferences = useRoomsNotificationPreferencesContext();
-  const roomToUnread = useAtomValue(roomToUnreadAtom);
+  const roomsWithUnreadSet = useAtomValue(
+    useMemo(
+      () =>
+        selectAtom(
+          roomToUnreadAtom,
+          (rtu) => {
+            const s = new Set<string>();
+            for (const id of rtu.keys()) s.add(id);
+            return s;
+          },
+          (a, b) => {
+            if (a.size !== b.size) return false;
+            for (const id of a) if (!b.has(id)) return false;
+            return true;
+          }
+        ),
+      []
+    )
+  );
   const navigate = useNavigate();
 
   const createDirectSelected = useDirectCreateSelected();
@@ -186,10 +205,10 @@ export function Direct() {
   const sortedDirects = useMemo(() => {
     const items = Array.from(directs).sort(factoryRoomIdByActivity(mx));
     if (closedCategories.has(DEFAULT_CATEGORY_ID)) {
-      return items.filter((rId) => roomToUnread.has(rId) || rId === selectedRoomId);
+      return items.filter((rId) => roomsWithUnreadSet.has(rId) || rId === selectedRoomId);
     }
     return items;
-  }, [mx, directs, closedCategories, roomToUnread, selectedRoomId]);
+  }, [mx, directs, closedCategories, roomsWithUnreadSet, selectedRoomId]);
 
   const virtualizer = useVirtualizer({
     count: sortedDirects.length,