Fix/chart-link-cluster-mode (#474)

frontend/src/hooks/useNavigateWithSearchParams.ts

@@ -1,10 +1,27 @@
-import { useLocation, useNavigate } from "react-router-dom";
+import {
+  type NavigateOptions,
+  useLocation,
+  useNavigate,
+  useParams,
+} from "react-router-dom";
+import { useAppContext } from "../context/AppContext";
 
 const useNavigateWithSearchParams = () => {
   const navigate = useNavigate();
+  const { clusterMode } = useAppContext();
+  const { context } = useParams();
+
   const { search } = useLocation();
-  const navigateWithSearchParams = (url: string, ...restArgs: any[]) => {
-    navigate(url + search, ...restArgs);
+  const navigateWithSearchParams = (
+    url: string,
+    ...restArgs: NavigateOptions[]
+  ) => {
+    let prefixedUrl = url;
+
+    if (!clusterMode) {
+      prefixedUrl = `/${context}${url}`;
+    }
+    navigate(`${prefixedUrl}${search}`, ...restArgs);
   };
 
   return navigateWithSearchParams;