feat: swiping on range, item-sliding should not disable scroll

### 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

- [ ] v4.x
- [ ] v5.x
- [X] v6.x
- [ ] Nightly

### Current Behavior

"scroll-y" class is removed from "main"

If the content is big enough to have a scrollbar, any ion-range on the same page remove the scrollbar when it's being activated. Maybe on mobile this is the correct behavior since the drag and scroll are connected, but not on desktop. As you will see the content jump to fill the space of the missing scrollbar

### Expected Behavior

The content on the page should not move. If you remove the scrollbar, at least add a padding-right in the meantime

### Steps to Reproduce

Any page with a Lorem Ipsum and Ion-Range

### Code Reproduction URL

https://stackblitz.com/edit/angular-an3es6?file=src%2Fapp%2Fapp.component.html

### Ionic Info

Ionic:

Ionic CLI
: 6.13.1 (C:\Users\BershYar\AppData\Roaming\npm\node_modules\@ionic\cli)
Ionic Framework
: @ionic/angu : @ionic/angular 6.1.12
@angular-devkit/build-angular : 12.0.5
@angular-devkit/schematics : 12.0.5
@angular/cli : 12.0.5
@ionic/angular-toolkit : 4.0.0

Utility:

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

System:

NodeJS : v14.16.0 (C:\Program Files\nodejs\node.exe)
npm : 6.14.11
OS : Windows 10

### Additional Information

_No response_