## Description Success notifications prevent users from scrolling or interacting with the page while they are visible. These notifications should provide feedback without interrupting browsing. `SuccessNotification` currently uses `dialog.showModal()`, making the rest of the page inert. The global `html:has(dialog:modal)` rule also disables scrolling. ## Steps to reproduce 1. Open the component catalogue and load enough results to make the page scrollable. 2. Add a component to an empty build category, or remove a selected component. 3. While the success notification is visible in the top-right corner, try scrolling the page. 4. Dismiss the notification or wait for its timer to finish, then try scrolling again. ## Expected behavior - Users can scroll and interact with the page while a success notification is visible. - The notification remains positioned below the navbar. - Its close button, optional action, countdown, and animations continue to work. - Notifications remain accessible to assistive technologies without taking focus unnecessarily. - Confirmation dialogs, such as replacing a component or clearing the build, remain modal. ## Actual behavior The page cannot be scrolled while the success notification is visible. Interaction with the underlying page is blocked until the notification closes, despite its transparent backdrop.