App configuration is scrolling the wrong element causing clipping

Description
Whenever an element is interacted with in the app configuration (checkbox or other input that configures the app or one of the section shortcuts on the side), the modal is scrolled in such a way that elements get clipped and hidden from the screen. It is not possible to scroll this element again using the scroll wheel to bring these elements back into view.

It is not yet clear to me if this is a problem with our implementation or with @nextcloud/vue

Reproduction
Steps to reproduce the behavior:

1. Open the app configuration
2. Click a checkbox or shortcut in the sidebar

Expected behavior
The element with the class app-settings__content is scrolled such that the navigation does not move and the content can still be scrolled with the mouse wheel.

Actual behavior
The parent of that element, app-settings__wrapper, is scrolled which makes the navigation and main content get clipped in an unrecoverable way

Screenshots

https://user-images.githubusercontent.com/8503756/207587534-0b217f54-1a5c-497a-83a3-78ba3da45c27.mp4

Browser
Firefox 108.0

I am unable to reproduce in Chrome

Versions
Nextcloud server version: 25.0.2
Cookbook version: master

Start at the app configuration UI and inspect how app-settings__content and app-settings__wrapper handle scrolling when a checkbox or sidebar shortcut is clicked. Reproduce the issue in Firefox, then verify that navigation stays fixed, content remains visible, and the app-settings__content element can still be scrolled with the mouse wheel.