fix: prevent log loading from scrolling ancestor elements in task Logs tab

[Pyasma]

Closes: #64757

Problem

When switching to the Logs tab on a task with many log lines, the entire details panel scrolls irreversibly instead of just the log box.

Root cause: scrollToBottom() called scrollIntoView() on a sentinel <div> at the bottom of log content. scrollIntoView walks up the DOM tree scrolling every ancestor element until the target is visible — so div.c-5s5pdh (the details panel) was being scrolled, not just the log box.

Fix

LogBlock.tsx

- const codeBlockBottomDiv = useRef<HTMLDivElement>(null);

  const scrollToBottom = () => {
-   codeBlockBottomDiv.current?.scrollIntoView({
-     block: "nearest",
-     inline: "nearest",
-   });
+   if (logBoxRef.current) {
+     logBoxRef.current.scrollTop = logBoxRef.current.scrollHeight;
+   }
  };

  <div dangerouslySetInnerHTML={{ __html: parsedLogs }} />
- <div ref={codeBlockBottomDiv} />

scrollTop = scrollHeight sets the scroll position directly on the log box element only. Nothing outside it moves.

useOffsetTop.ts

- const useOffsetTop = (contentRef: React.RefObject<HTMLElement>) => {
+ const useOffsetTop = (contentRef: React.RefObject<HTMLElement | null>) => {

Updated parameter type to accept null inside the generic — required because useRef<HTMLElement>(null) now returns RefObject<HTMLElement | null> in newer React/TypeScript versions.

---

Was generative AI tooling used to co-author this PR?

• Yes — Claude Code (claude-sonnet-4-6) following the guidelines