Fix topbar logout hang and unknown env

src/app/App.tsx

@@ -27,14 +27,14 @@ const useInitApp = () => {
   // Use authenticated username to load user's profile
   const username = useAppSelector(authUsername);
   const initialized = useAppSelector(authInitialized);
+  const environment = useAppSelector((state) => state.layout.environment);
   useLoggedInProfileUser(username);
 
-  // Placeholder code for determining environment.
   useEffect(() => {
     // eslint-disable-next-line no-console
     console.info('Static Deploy Domain:', process.env.REACT_APP_KBASE_DOMAIN);
     dispatch(setEnvironment(process.env.REACT_APP_KBASE_ENV ?? 'unknown'));
-  }, [dispatch]);
+  }, [dispatch, environment]);
 
   return { isLoading: !initialized };
 };

src/features/layout/TopBar.tsx

@@ -154,9 +154,10 @@ const useLogout = () => {
     revoke(tokenId)
       .unwrap()
       .then(() => {
+        dispatch(resetStateAction());
+        // setAuth(null) follow the state reset to initialize the page as un-Authed
         dispatch(setAuth(null));
         toast('You have been signed out');
-        dispatch(resetStateAction());
         navigate('/legacy/auth2/signedout');
       })
       .catch(() => {

src/features/legacy/Legacy.tsx

@@ -4,6 +4,8 @@ import { usePageTitle } from '../layout/layoutSlice';
 import { useTryAuthFromToken } from '../auth/hooks';
 import { useAppDispatch } from '../../common/hooks';
 import { resetStateAction } from '../../app/store';
+import { setAuth } from '../auth/authSlice';
+import { toast } from 'react-hot-toast';
 
 export const LEGACY_BASE_ROUTE = '/legacy';
 
@@ -51,9 +53,10 @@ export default function Legacy() {
         setReceivedToken(d.payload.token);
       }
     } else if (isLogoutMessage(d)) {
-      // eslint-disable-next-line no-console
-      console.info('Logged Out');
       dispatch(resetStateAction());
+      dispatch(setAuth(null));
+      toast('You have been signed out');
+      navigate('/legacy/auth2/signedout');
     }
   });