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/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
       )}