fix: synchronize TechLog focus and not-found runtime

src/features/tech-log/presentation/public/components/home-focus.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { Link, useLocation, useNavigate } from "react-router-dom";
 
 import type {
@@ -28,23 +28,30 @@ export function HomeFocus({
   const keys = items.map((item) => item.key);
   const activeItem = items.find((item) => item.key === activeKey) ?? items[0];
 
-  function replaceFocus(key: FocusKey) {
-    const search = new URLSearchParams(location.search);
-    search.set("focus", key);
-    void navigate(
-      {
-        pathname: location.pathname,
-        search: `?${search.toString()}`,
-        hash: location.hash,
-      },
-      { replace: true },
-    );
-  }
+  const replaceFocus = useCallback(
+    (key: FocusKey) => {
+      const search = new URLSearchParams(location.search);
+      search.set("focus", key);
+      void navigate(
+        {
+          pathname: location.pathname,
+          search: `?${search.toString()}`,
+          hash: location.hash,
+        },
+        { replace: true },
+      );
+    },
+    [location.hash, location.pathname, location.search, navigate],
+  );
 
   useEffect(() => {
-    if (!shouldNormalizeFocusUrl(requestedKey, activeKey)) return;
-    replaceFocus(activeKey);
-  });
+    setActiveKey(initialKey);
+  }, [initialKey]);
+
+  useEffect(() => {
+    if (!shouldNormalizeFocusUrl(requestedKey, initialKey)) return;
+    replaceFocus(initialKey);
+  }, [initialKey, replaceFocus, requestedKey]);
 
   function select(key: FocusKey, moveKeyboardFocus = false) {
     setActiveKey(key);