fix: register forum/thread routes at top level + notification dots in ServerBar

Moved thread and forum-tag routes from nested /servers/{sid}/channels/ to
top-level /channels/{id}/... to match frontend API calls. Forum posts were
getting SPA HTML fallback instead of JSON.

Added orange notification dots to DM and server buttons in ServerBar.

web/src/components/ServerBar.tsx

@@ -1,8 +1,10 @@
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { useServerStore } from "../stores/server.ts";
 import { useChannelStore } from "../stores/channel.ts";
 import { useLayoutStore } from "../stores/layout.ts";
+import { useConversationStore } from "../stores/conversation.ts";
+import { useReadStatesStore } from "../stores/readStates.ts";
 import { CreateServerModal } from "./CreateServerModal.tsx";
 import { JoinServerModal } from "./JoinServerModal.tsx";
 import { ServerSettingsModal } from "./ServerSettingsModal.tsx";
@@ -33,6 +35,18 @@ export function ServerBar() {
 
   const { showMenu, MenuPortal } = useContextMenu();
 
+  // ponytail: compute if any DM conversation has unread messages
+  const conversations = useConversationStore((s) => s.conversations);
+  const messagesByConv = useConversationStore((s) => s.messagesByConversation);
+  const hasConvUnread = useReadStatesStore((s) => s.hasConvUnread);
+  const hasAnyDMUnread = useMemo(() => {
+    return conversations.some((conv) => {
+      const msgs = messagesByConv[conv.id] || [];
+      const latestId = msgs.length > 0 ? msgs[msgs.length - 1].id : undefined;
+      return hasConvUnread(conv.id, latestId);
+    });
+  }, [conversations, messagesByConv, hasConvUnread]);
+
   useEffect(() => {
     fetchServers().then(() => {
       // ponytail: restore last active server + channel from localStorage
@@ -94,34 +108,43 @@ export function ServerBar() {
   return (
     <>
       <div className="h-full w-16 bg-gb-bg-h border-r border-gb-bg-t flex flex-col items-center py-3 gap-2 overflow-y-auto">
-        <button
-          onClick={handleDM}
-          className={'w-11 h-11 flex items-center justify-center font-mono text-sm border ' +
-            (isDM
-              ? 'bg-gb-bg-t text-gb-orange border-gb-orange'
-              : 'bg-gb-bg-s text-gb-fg border-gb-bg-t hover:border-gb-fg-t hover:text-gb-aqua')}
-          title="Direct messages"
-        >
-          [@]
-        </button>
-        <div className="w-8 h-px bg-gb-bg-t" />
-        {servers.map((server) => (
+        <div className="relative">
           <button
-            key={server.id}
-            onClick={() => handleSelect(server.id)}
-            onContextMenu={(e) => handleServerContextMenu(e, server)}
+            onClick={handleDM}
             className={'w-11 h-11 flex items-center justify-center font-mono text-sm border ' +
-              (server.id === activeServerId && !isDM
+              (isDM
                 ? 'bg-gb-bg-t text-gb-orange border-gb-orange'
                 : 'bg-gb-bg-s text-gb-fg border-gb-bg-t hover:border-gb-fg-t hover:text-gb-aqua')}
-            title={server.name}
+            title="Direct messages"
           >
-            {server.unread && server.id !== activeServerId ? (
-              <span className="text-gb-aqua">[{getInitials(server.name)}]</span>
-            ) : (
-              '[' + getInitials(server.name) + ']'
-            )}
+            [@]
           </button>
+          {hasAnyDMUnread && !isDM && (
+            <span className="absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 bg-gb-orange rounded-full border-2 border-gb-bg-h" />
+          )}
+        </div>
+        <div className="w-8 h-px bg-gb-bg-t" />
+        {servers.map((server) => (
+          <div key={server.id} className="relative">
+            <button
+              onClick={() => handleSelect(server.id)}
+              onContextMenu={(e) => handleServerContextMenu(e, server)}
+              className={'w-11 h-11 flex items-center justify-center font-mono text-sm border ' +
+                (server.id === activeServerId && !isDM
+                  ? 'bg-gb-bg-t text-gb-orange border-gb-orange'
+                  : 'bg-gb-bg-s text-gb-fg border-gb-bg-t hover:border-gb-fg-t hover:text-gb-aqua')}
+              title={server.name}
+            >
+              {server.unread && server.id !== activeServerId ? (
+                <span className="text-gb-aqua">[{getInitials(server.name)}]</span>
+              ) : (
+                '[' + getInitials(server.name) + ']'
+              )}
+            </button>
+            {server.unread && server.id !== activeServerId && (
+              <span className="absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 bg-gb-orange rounded-full border-2 border-gb-bg-h" />
+            )}
+          </div>
         ))}
         <div className="mt-2 flex flex-col gap-2 items-center">
           <button