bug: Refresher with Collapsible Title

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/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

v8.x

### Current Behavior

I created a New Ionic Project with a list template. This project has a Refresher behind the list, but it is hidden behind the list.
It seems that the Toolbar that should be hidden when the big title is visible is not hidden.

### Expected Behavior

The refresher should be visible in layouts with collapsible titles, and the toolbar shouldn't be visible.
(Maybe the refresher should go under the big title ?)

### Steps to Reproduce

1. Create a new Ionic Project
2. Select the "list" template
3. Once the app is running, try to pull the list
4. You will see the spinner hidden behind the list, and the toolbar visible on top

### Code Reproduction URL

https://github.com/Ericlm/refresh-collapse-title

### Ionic Info

Ionic:

Ionic CLI : 7.2.0 (/Users/ericlemaitre/.asdf/installs/nodejs/20.12.1/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 8.2.1

Capacitor:

Capacitor CLI : 6.1.0
@capacitor/android : not installed
@capacitor/core : 6.1.0
@capacitor/ios : not installed

Utility:

cordova-res : not installed globally
native-run : 2.0.1

System:

NodeJS : v20.12.1 (/Users/ericlemaitre/.asdf/installs/nodejs/20.12.1/bin/node)
npm : 10.5.0
OS : macOS Unknown

### Additional Information

_No response_