chore: use react-router-dom instead of react-router

Author: svedova

src/layouts/AdminLayout/AdminLayout.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from "react";
 import Box from "@mui/material/Box";
-import { useLocation } from "react-router";
+import { useLocation } from "react-router-dom";
 import { AuthContext } from "~/pages/auth/Auth.context";
 import Error404 from "~/components/Errors/Error404";
 import Card from "~/components/Card";

src/layouts/AppLayout/AppMenu.tsx

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { useLocation } from "react-router";
+import { useLocation } from "react-router-dom";
 import Box from "@mui/material/Box";
 import ArrowBack from "@mui/icons-material/ArrowBack";
 import AppName from "~/components/AppName";

src/layouts/AppLayout/EnvMenu.tsx

@@ -1,5 +1,5 @@
 import { useContext, useMemo } from "react";
-import { useNavigate, useLocation } from "react-router";
+import { useNavigate, useLocation } from "react-router-dom";
 import Box from "@mui/material/Box";
 import Select from "@mui/material/Select";
 import MenuItem from "@mui/material/MenuItem";

src/layouts/TeamLayout/TeamNav.tsx

@@ -1,5 +1,5 @@
 import { useMemo, useContext } from "react";
-import { useLocation } from "react-router";
+import { useLocation } from "react-router-dom";
 import Box from "@mui/material/Box";
 import { AuthContext } from "~/pages/auth/Auth.context";
 import MenuLink from "~/components/MenuLink";

src/pages/apps/[id]/environments/Environments.tsx

@@ -1,5 +1,5 @@
 import { useContext, useState } from "react";
-import { useLocation } from "react-router";
+import { useLocation } from "react-router-dom";
 import Box from "@mui/material/Box";
 import Link from "@mui/material/Link";
 import Typography from "@mui/material/Typography";

src/pages/auth/Auth.tsx

@@ -1,5 +1,5 @@
 import { useContext, useEffect } from "react";
-import { useNavigate, useLocation } from "react-router";
+import { useNavigate, useLocation } from "react-router-dom";
 import RollbackIcon from "@mui/icons-material/RefreshOutlined";
 import ShieldIcon from "@mui/icons-material/Shield";
 import CloudIcon from "@mui/icons-material/Cloud";

src/testing/helpers.tsx

@@ -19,11 +19,7 @@ export const renderWithRouter = ({
     },
   ]);
 
-  return render(
-    // <MemoryRouter initialEntries={initialEntries} initialIndex={0}>
-    <Stub initialEntries={initialEntries} initialIndex={0} />
-    // </MemoryRouter>
-  );
+  return render(<Stub initialEntries={initialEntries} initialIndex={0} />);
 };
 
 export const waitForPromises = () => new Promise(setImmediate);