fix: source list scroll, citation targeting, and page UI polish

- Replace ScrollArea with native overflow-y-auto for reliable mouse wheel scrolling
- Scope source DOM IDs by message ID to fix cross-round citation jumps
- Improve profile, settings, forum, knowledge page layouts
- Update mobile navigation and chat interface

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

web/src/components/chat/chat-interface.tsx

@@ -188,7 +188,7 @@ export default function ChatInterface() {
               "transition-all duration-150",
               isStreaming
                 ? "bg-destructive hover:bg-destructive/90 text-white"
-                : "bg-[#2563eb] hover:bg-[#1d4ed8] text-white disabled:bg-[#2563eb]/40 disabled:cursor-not-allowed"
+                : "bg-primary hover:bg-primary/90 text-primary-foreground disabled:opacity-50 disabled:cursor-not-allowed shadow-sm"
             )}
           >
             {isStreaming ? (

web/src/components/chat/source-references.tsx

@@ -3,7 +3,6 @@
 import { useState, useMemo } from "react";
 import { Database, Globe, ChevronDown, ChevronRight, Star } from "lucide-react";
 import { Button } from "@/components/ui/button";
-import { ScrollArea } from "@/components/ui/scroll-area";
 import { cn } from "@/lib/utils";
 
 interface SourceReference {
@@ -249,9 +248,9 @@ export default function SourceReferences({
   return (
     <div className="mt-3 space-y-2">
       {expanded ? (
-        <ScrollArea className="max-h-96">
-          <div className="pr-3">{sourceSection}</div>
-        </ScrollArea>
+        <div className="max-h-96 overflow-y-auto pr-1">
+          {sourceSection}
+        </div>
       ) : (
         sourceSection
       )}