frontend: replace history entry when redirecting

When automatic navigation occurs (redirects) the history entry
should be replaced so that the user can go back.

This fixes issues when the user tries to go back but lands on the
same page again due to previous route redirecting.

Author: thisconnect

frontends/web/src/app.tsx

@@ -100,7 +100,8 @@ export const App = () => {
     }
     // if on index page and have at least 1 account, route to /account-summary
     if (isIndex && accounts.length) {
-      navigate('/account-summary');
+      // replace current history entry so that the user cannot go back to "index"
+      navigate('/account-summary', { replace: true });
       return;
     }
     // if on the /buy/ view and there are no accounts view route to /

frontends/web/src/routes/bitsurance/account.tsx

@@ -70,7 +70,8 @@ export const BitsuranceAccount = ({ code, accounts }: TProps) => {
         if (!connectResult.success) {
           return;
         }
-        navigate(`/bitsurance/widget/${btcAccounts[0].code}`);
+        // replace current history item when redirecting so that the user can go back
+        navigate(`/bitsurance/widget/${btcAccounts[0].code}`, { replace: true });
       });
     }
   }, [btcAccounts, navigate]);

frontends/web/src/routes/bitsurance/bitsurance.tsx

@@ -47,7 +47,8 @@ export const Bitsurance = ({ accounts }: TProps) => {
 
   useEffect(() => {
     if (accounts.some(({ bitsuranceStatus }) => bitsuranceStatus)) {
-      navigate('/bitsurance/dashboard');
+      // replace current history item when redirecting so that the user can go back
+      navigate('/bitsurance/dashboard', { replace: true });
     } else {
       setRedirecting(false);
     }

frontends/web/src/routes/buy/info.tsx

@@ -58,7 +58,8 @@ export const BuyInfo = ({ code, accounts }: TProps) => {
       const accountCode = supportedAccounts[0].code;
       connectKeystore(accountCode).then(connected => {
         if (connected) {
-          navigate(`/buy/exchange/${accountCode}`);
+          // replace current history item when redirecting so that the user can go back
+          navigate(`/buy/exchange/${accountCode}`, { replace: true });
         }
       });
     }

frontends/web/src/routes/settings/mobile-settings.tsx

@@ -37,7 +37,8 @@ export const MobileSettings = ({ deviceIDs, hasAccounts }: TPagePropsWithSetting
   const { t } = useTranslation();
   useEffect(() => {
     if (!isMobile) {
-      navigate('/settings/general');
+      // replace current history item when redirecting so that the user can go back
+      navigate('/settings/general', { replace: true });
     }
   }, [isMobile, navigate]);
   return (