feat: demo page realisation

src/pages/Route/RouteListPage/index.tsx

@@ -3,7 +3,7 @@ import { ruRU } from "@mui/x-data-grid/locales";
 import { authStore, carrierStore, languageStore, routeStore, selectedCityStore, SearchInput } from "@shared";
 import { useEffect, useState, useMemo } from "react";
 import { observer } from "mobx-react-lite";
-import { Map, Pencil, Trash2, Minus } from "lucide-react";
+import { Map, Pencil, Trash2, Minus, Monitor } from "lucide-react";
 import { useNavigate } from "react-router-dom";
 import { CreateButton, DeleteModal, LanguageSwitcher } from "@widgets";
 import { Box, CircularProgress } from "@mui/material";
@@ -148,6 +148,11 @@ export const RouteListPage = observer(() => {
                 <Map size={20} className="text-purple-500" />
               </button>
             )}
+            {canShowRoutePreview && (
+              <button onClick={() => window.open(`/demo/${params.row.id}`, "_blank")}>
+                <Monitor size={20} className="text-green-500" />
+              </button>
+            )}
             {canWriteRoutes && (
               <button
                 onClick={() => {