fix: sticky topic navbar translates the Overview entry

apps/web/src/modules/analyze/hooks/useTopicNavbarScroll.test.tsx

@@ -0,0 +1,33 @@
+import { act, renderHook } from '@testing-library/react';
+import useTopicNavbarScroll from './useTopicNavbarScroll';
+
+jest.mock('next-i18next', () => ({
+  useTranslation: () => ({ t: (key: string) => `t:${key}` }),
+}));
+
+describe('useTopicNavbarScroll', () => {
+  it('resolves the overview title through i18n, not a hardcoded English string', () => {
+    jest.useFakeTimers();
+    const card = document.createElement('div');
+    card.id = 'topic_overview';
+    card.className = 'base-card';
+    card.getBoundingClientRect = () =>
+      ({ top: 0, bottom: 100 }) as DOMRect;
+    document.body.appendChild(card);
+    Object.defineProperty(document.documentElement, 'scrollTop', {
+      value: 200,
+      configurable: true,
+      writable: true,
+    });
+
+    const { result } = renderHook(() => useTopicNavbarScroll());
+    act(() => {
+      document.dispatchEvent(new Event('scroll'));
+      jest.advanceTimersByTime(600);
+    });
+
+    expect(result.current.topicTitle).toBe('t:analyze:overview');
+    expect(result.current.topicTitle).not.toBe('Overview');
+    document.body.removeChild(card);
+  });
+});

apps/web/src/modules/analyze/hooks/useTopicNavbarScroll.ts

@@ -1,4 +1,5 @@
 import { useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'next-i18next';
 import { throttle } from 'lodash';
 
 const isCardInView = (rect: DOMRect) => {
@@ -47,6 +48,7 @@ function lookupParentSiblingH2(element: HTMLElement): HTMLElement | null {
 
 const useTopicNavbarScroll = () => {
   const [inViewCardId, setInViewCardId] = useState('');
+  const { t } = useTranslation();
 
   useEffect(() => {
     const scrollEventListener = throttle(() => {
@@ -79,7 +81,7 @@ const useTopicNavbarScroll = () => {
     }
 
     if (inViewCardId === 'topic_overview') {
-      return { topicTitle: 'Overview', subTitle: '' };
+      return { topicTitle: t('analyze:overview'), subTitle: '' };
     }
 
     let topicTitle = '';