bug: incorrect nav animation when using browser back and forward button to navigate through multiple pages

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v7.x

### Current Behavior

Sometimes the nav animation is incorrect when using the browser back and forward buttons to navigate through multiple pages.

### Expected Behavior

The nav animation direction should be correct based on the internal navigation stack.

### Steps to Reproduce

The following video demonstrates the issue and serves as reproduction steps:

https://github.com/ionic-team/ionic-framework/assets/23243256/8500b406-ff31-43de-96fd-5ec862d5a67c

1. clone the ionic framework repository and apply the necessary build steps to provide the `ng16` test project
2. open the tabs page
3. navigate into pages of tab1 twice (see video)
4. use the browser back button twice (back to the tab's root page)
5. use the browser forward button twice --> The second animation is incorrectly a "back" instead of a "forward" animation.

### Code Reproduction URL

_No response_

### Ionic Info

```
Ionic:

Ionic CLI : 7.1.1
Ionic Framework : @ionic/angular 7.4.0
@angular-devkit/build-angular : 16.2.2
@angular-devkit/schematics : 16.2.2
@angular/cli : 16.2.2
@ionic/angular-toolkit : 9.0.0

System:

NodeJS : v18.17.1 (/Users/philipp/.nvm/versions/node/v18.17.1/bin/node)
npm : 9.6.7
OS : macOS Unknown (--> Sonoma)
```

### Additional Information

_No response_