Fix xref links

frontend/src/components/Panel/Panel.tsx

@@ -18,7 +18,7 @@ function Panel({ language }: PanelProps) {
 
   const [lang, setLang] = useState(language || Language.ENG);
   const articleRef = useRef<HTMLDivElement>(null);
-  const { articleId, celexId } = useNavState();
+  const { articleId, celexId, setArticleId } = useNavState();
   const { data, isPending, error } = useArticle(celexId, articleId, lang);
 
   useEffect(() => {
@@ -35,7 +35,7 @@ function Panel({ language }: PanelProps) {
 
       if (target && targetId) {
         if (target === "article") {
-          link.setAttribute("href", `../articles/${targetId}`);
+          link.setAttribute("href", `/${celexId}/articles/${targetId}`);
         }
       } else {
         console.warn("No target or ID found for link:", link);
@@ -82,7 +82,14 @@ function Panel({ language }: PanelProps) {
         element.removeEventListener("click", handleClick(element));
       });
     };
-  }, [articleRef, data, selectedParagraphId, setSelectedParagraphId]);
+  }, [
+    articleRef,
+    data,
+    celexId,
+    selectedParagraphId,
+    setSelectedParagraphId,
+    setArticleId,
+  ]);
 
   if (isPending) return "Loading...";
   if (error) return "An error has occurred: " + error.message;