fix(inbox): use highlightCommentId as useLayoutEffect dependency

The empty dependency array meant the layout effect only ran on mount.
When switching between different inbox notifications for the same issue,
the component doesn't remount (keyed by issue_id), so the scroll-to-
activity wouldn't re-fire. Using [highlightCommentId] ensures it runs
whenever the target comment changes.

Co-authored-by: multica-agent <github@multica.ai>

packages/views/issues/components/issue-detail.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useEffect, useCallback, useRef } from "react";
+import { useState, useEffect, useLayoutEffect, useCallback, useRef } from "react";
 import { useDefaultLayout, usePanelRef } from "react-resizable-panels";
 import { AppLink } from "../../navigation";
 import { useNavigation } from "../../navigation";
@@ -194,6 +194,7 @@ export function IssueDetail({ issueId, onDelete, onDone, defaultSidebarOpen = tr
   const scrollContainerRef = useRef<HTMLDivElement>(null);
   const [highlightedId, setHighlightedId] = useState<string | null>(null);
   const didHighlightRef = useRef<string | null>(null);
+  const activitySectionRef = useRef<HTMLDivElement>(null);
 
   // Issue data from TQ — uses detail query, seeded from list cache if available.
   // Only seed when description is present; list API omits it, and ContentEditor
@@ -293,6 +294,15 @@ export function IssueDetail({ issueId, onDelete, onDone, defaultSidebarOpen = tr
     }
   }, [highlightCommentId, timeline.length]);
 
+  // When opening from inbox with a target comment, scroll past the description
+  // to the activity section before the browser paints, so the user never sees
+  // the description flash. The precise scroll to the specific comment happens
+  // in the useEffect above once the timeline has loaded.
+  useLayoutEffect(() => {
+    if (!highlightCommentId) return;
+    activitySectionRef.current?.scrollIntoView({ behavior: "instant", block: "start" });
+  }, [highlightCommentId]);
+
   const descEditorRef = useRef<ContentEditorRef>(null);
   const { isDragOver: descDragOver, dropZoneProps: descDropZoneProps } = useFileDropZone({
     onDrop: (files) => files.forEach((f) => descEditorRef.current?.uploadFile(f)),
@@ -798,7 +808,7 @@ export function IssueDetail({ issueId, onDelete, onDone, defaultSidebarOpen = tr
           <div className="my-8 border-t" />
 
           {/* Activity / Comments */}
-          <div>
+          <div ref={activitySectionRef}>
             <div className="flex items-center justify-between">
               <div className="flex items-center gap-3">
                 <h2 className="text-base font-semibold">Activity</h2>