UI, switch to a different page should abort the existing async request

[tczhao]

Pre-requisites

• I have double-checked my configuration
• I have tested with the :latest image tag (i.e. quay.io/argoproj/workflow-controller:latest) and can confirm the issue still exists on :latest. If not, I have explained why, in detail, in my description below.
• I have searched existing issues and could not find a match for this bug
• I'd like to contribute the fix myself (see contributing guide)

What happened? What did you expect to happen?

switch to a different UI page should abort the async request created from previous page.
The async request from the previous page was never used, wasting resource

e.g.
we have sequence

1. http://localhost:8080/cron-workflows
2. http://localhost:8080/cron-workflows/argo/test-cron-wf (created list request 1, lots of history, long load time)
3. http://localhost:8080/cron-workflows
4. http://localhost:8080/cron-workflows/argo/test-cron-wf (created list request 2, at this point the request 1 is still fetching)

### Version(s)

latest (e088cfc66e6bf263d273b20d15a7e6722ff4e3ea)

### Paste a minimal workflow that reproduces the issue. We must be able to run the workflow; don't enter a workflow that uses private images.

```YAML
.

Logs from the workflow controller

kubectl logs -n argo deploy/workflow-controller | grep ${workflow}

Logs from in your workflow's wait container

kubectl logs -n argo -c wait -l workflows.argoproj.io/workflow=${workflow},workflow.argoproj.io/phase!=Succeeded