fix: Fix name on map and fix city name in sight list

src/pages/Sight/SightListPage/index.tsx

@@ -1,6 +1,6 @@
 import { DataGrid, GridColDef, GridRenderCellParams } from "@mui/x-data-grid";
 import { ruRU } from "@mui/x-data-grid/locales";
-import { languageStore, sightsStore } from "@shared";
+import { cityStore, languageStore, sightsStore } from "@shared";
 import { useEffect, useState } from "react";
 import { observer } from "mobx-react-lite";
 import { Pencil, Trash2, Minus } from "lucide-react";
@@ -10,6 +10,7 @@ import { Box, CircularProgress } from "@mui/material";
 
 export const SightListPage = observer(() => {
   const { sights, getSights, deleteListSight } = sightsStore;
+  const { cities, getCities } = cityStore;
   const navigate = useNavigate();
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const [isBulkDeleteModalOpen, setIsBulkDeleteModalOpen] = useState(false);
@@ -21,7 +22,9 @@ export const SightListPage = observer(() => {
   useEffect(() => {
     const fetchSights = async () => {
       setIsLoading(true);
+      await getCities(language);
       await getSights();
+
       setIsLoading(false);
     };
     fetchSights();
@@ -45,14 +48,14 @@ export const SightListPage = observer(() => {
       },
     },
     {
-      field: "city",
+      field: "city_id",
       headerName: "Город",
       flex: 1,
       renderCell: (params: GridRenderCellParams) => {
         return (
           <div className="w-full h-full flex items-center">
             {params.value ? (
-              params.value
+              cities[language].data.find((el) => el.id == params.value)?.name
             ) : (
               <Minus size={20} className="text-red-500" />
             )}
@@ -92,7 +95,7 @@ export const SightListPage = observer(() => {
   const rows = sights.map((sight) => ({
     id: sight.id,
     name: sight.name,
-    city: sight.city,
+    city_id: sight.city_id,
   }));
 
   return (