feat: Add translation on 3 languages for sight page

src/widgets/modals/SelectArticleDialog/index.tsx

@@ -1,4 +1,4 @@
-import { articlesStore } from "@shared";
+import { articlesStore, languageStore } from "@shared";
 import { observer } from "mobx-react-lite";
 import { useEffect, useRef, useState } from "react";
 import {
@@ -44,7 +44,7 @@ export const SelectArticleModal = observer(
     useEffect(() => {
       if (hoveredArticleId) {
         hoverTimerRef.current = setTimeout(() => {
-          getArticle(hoveredArticleId);
+          getArticle(Number(hoveredArticleId));
         }, 200);
       }
 
@@ -66,7 +66,8 @@ export const SelectArticleModal = observer(
       }
     };
 
-    const filteredArticles = articles
+    const filteredArticles = articles[languageStore.language]
+      // @ts-ignore
       .filter((article) => !linkedArticleIds.includes(article.id))
       .filter((article) =>
         article.service_name.toLowerCase().includes(searchQuery.toLowerCase())
@@ -96,11 +97,12 @@ export const SelectArticleModal = observer(
               }}
             />
             <List sx={{ flexGrow: 1, overflowY: "auto" }}>
+              {/* @ts-ignore */}
               {filteredArticles.map((article) => (
                 <ListItemButton
                   key={article.id}
-                  onClick={() => onSelectArticle(article.id)}
-                  onMouseEnter={() => handleArticleHover(article.id)}
+                  onClick={() => onSelectArticle(article.id.toString())}
+                  onMouseEnter={() => handleArticleHover(article.id.toString())}
                   onMouseLeave={handleArticleLeave}
                   sx={{
                     borderRadius: 1,