If the user's login times out on the API details page, the loading animation will just spin when they select a different operation

## Bug description
When the user is on the API details page for a long period of time with no interaction, and they change the operation context, the user will see the loading animation as if it's hung. It appears their authentication has expired.


## Reproduction steps

Our API's are configured with Products that require the user to be logged in.

1. Signing in through AAD (the only auth path we are currently using)
2. Go to the API Details page
3. Select an API Operation
4. Don't touch the page for (~30 mins or delete the accessToken from the session. See below. )
5. Select a different operation on the API

In the JS console you can see this along with the loading animation being stuck

> theme.js:134964 Uncaught (in promise) Error: Unauthorized request.
> at MapiClient.createMapiError (theme.js:139496)
> at MapiClient. (theme.js:139482)
> at Generator.next ()
> at theme.js:139336
> at new Promise ()
> at __awaiter (theme.js:139332)
> at MapiClient.handleError (theme.js:139467)
> at MapiClient. (theme.js:139462)
> at Generator.next ()
> at theme.js:139336

## Expected behavior

It should present the message to re-log in or something instead of the spinning animation

## Is your portal managed or self-hosted?

Self-hosted

## Release tag or commit SHA (if using self-hosted version)

2.4.3 release of APIM UI

## Environment
- Browser: Edge Chromium
- Version: Current

**Note**: If you don't want to wait 30 mins for it to time out, you can delete this in the session