[Cherry-Pick-Main][UI][SDL-5855] Fixed demo link workflow to cover cases when browser has an active password manager

Author: mkaliberda

src/ui/src/components/Layout/LayoutConstants.js

@@ -194,7 +194,6 @@ const MENU_ITEMS_EXTERNAL = [
     title: i18n.t("layout:menu-external.demo-title"),
     tooltip: i18n.t("layout:menu-external.demo-tooltip"),
     id: "navDemos",
-    target: "_blank",
     orderIndex: 1,
     isHidden: false,
     iconfn: (iconProps) => <DriveEtaIcon {...iconProps} />,

src/ui/src/containers/Demo/index.js

@@ -18,19 +18,14 @@ License along with SensiML Piccolo AI. If not, see <https://www.gnu.org/licenses
 */
 
 import React, { useEffect } from "react";
-import { useDispatch } from "react-redux";
-import { Redirect } from "react-router-dom";
-import { resetApp } from "store/auth/actions";
 import { ROUTES } from "routers";
 
 const Demo = () => {
-  const dispatch = useDispatch();
-
   useEffect(() => {
-    dispatch(resetApp());
+    window.open(`${ROUTES.AUTH.child.LOGIN.fullPath}?demo`, "_blank");
   }, []);
 
-  return <Redirect to={`${ROUTES.AUTH.child.LOGIN.fullPath}?demo`} />;
+  return <div />;
 };
 
 export default Demo;