Arkie-Library-Frontend/src/useLocalizedPath.ts

import { useCallback } from "react";
import { useI18n } from "./i18n";
import { localizePath } from "./languageRoutes";

/**
 * Returns a stable `(path) => localized path` function bound to the current
 * UI language. Use this anywhere a `<Link to>` or `navigate()` target needs to
 * preserve the active language prefix (e.g. `/ms/browse`).
 */
export function useLocalizedPath() {
  const { lang } = useI18n();
  return useCallback((path: string) => localizePath(path, lang), [lang]);
}