web: adapt code to React Router v7

By using react-router and react-router/dom imports as stated in
documentation https://reactrouter.com/upgrading/v6#upgrade-to-v7

Author: dgdavid

web/src/App.tsx

@@ -21,7 +21,7 @@
  */
 
 import React, { useEffect } from "react";
-import { Navigate, Outlet, useLocation } from "react-router-dom";
+import { Navigate, Outlet, useLocation } from "react-router";
 import { Loading } from "~/components/layout";
 import { useProduct, useProductChanges } from "~/queries/software";
 import { useProposalChanges } from "~/queries/proposal";

web/src/Protected.tsx

@@ -21,7 +21,7 @@
  */
 
 import React from "react";
-import { Navigate, Outlet } from "react-router-dom";
+import { Navigate, Outlet } from "react-router";
 import { useAuth } from "./context/auth";
 import { AppProviders } from "./context/app";
 

web/src/components/core/ChangeProductOption.tsx

@@ -22,7 +22,7 @@
 
 import React from "react";
 import { DropdownItem, DropdownItemProps } from "@patternfly/react-core";
-import { useHref, useLocation } from "react-router-dom";
+import { useHref, useLocation } from "react-router";
 import { useProduct, useRegistration } from "~/queries/software";
 import { PRODUCT as PATHS, SIDE_PATHS } from "~/routes/paths";
 import { _ } from "~/i18n";

web/src/components/core/InstallButton.tsx

@@ -26,7 +26,7 @@ import { Popup } from "~/components/core";
 import { startInstallation } from "~/api/manager";
 import { useAllIssues } from "~/queries/issues";
 import { IssueSeverity } from "~/types/issues";
-import { useLocation } from "react-router-dom";
+import { useLocation } from "react-router";
 import { SIDE_PATHS } from "~/routes/paths";
 import { _ } from "~/i18n";
 import { Icon } from "../layout";

web/src/components/core/InstallationFinished.tsx

@@ -37,7 +37,7 @@ import {
   GridItem,
   Stack,
 } from "@patternfly/react-core";
-import { Navigate, useNavigate } from "react-router-dom";
+import { Navigate, useNavigate } from "react-router";
 import { Icon } from "~/components/layout";
 import alignmentStyles from "@patternfly/react-styles/css/utilities/Alignment/alignment";
 import { useInstallerStatus } from "~/queries/status";

web/src/components/core/InstallationProgress.tsx

@@ -25,7 +25,7 @@ import { _ } from "~/i18n";
 import ProgressReport from "./ProgressReport";
 import { InstallationPhase } from "~/types/status";
 import { ROOT as PATHS } from "~/routes/paths";
-import { Navigate } from "react-router-dom";
+import { Navigate } from "react-router";
 import { useInstallerStatus, useInstallerStatusChanges } from "~/queries/status";
 
 function InstallationProgress() {

web/src/components/core/InstallerOptions.tsx

@@ -32,7 +32,7 @@
  */
 
 import React, { useReducer } from "react";
-import { useHref, useLocation } from "react-router-dom";
+import { useHref, useLocation } from "react-router";
 import {
   Button,
   ButtonProps,

web/src/components/core/Link.tsx

@@ -22,7 +22,7 @@
 
 import React from "react";
 import { Button, ButtonProps } from "@patternfly/react-core";
-import { To, useHref, useLinkClickHandler } from "react-router-dom";
+import { To, useHref, useLinkClickHandler } from "react-router";
 
 export type LinkProps = Omit<ButtonProps, "component"> & {
   /** The target route */

web/src/components/core/LoginPage.tsx

@@ -21,7 +21,7 @@
  */
 
 import React, { useState } from "react";
-import { Navigate } from "react-router-dom";
+import { Navigate } from "react-router";
 import {
   ActionGroup,
   Alert,

web/src/components/core/Page.tsx

@@ -44,7 +44,7 @@ import { ProductRegistrationAlert } from "~/components/product";
 import Link, { LinkProps } from "~/components/core/Link";
 import textStyles from "@patternfly/react-styles/css/utilities/Text/text";
 import flexStyles from "@patternfly/react-styles/css/utilities/Flex/flex";
-import { useLocation, useNavigate } from "react-router-dom";
+import { useLocation, useNavigate } from "react-router";
 import { isEmpty, isObject } from "radashi";
 import { SIDE_PATHS } from "~/routes/paths";
 import { _ } from "~/i18n";