fix(application-shell): keep notifications visible when scrolling down

[ragafus]

Summary

MC apps hide notifications if the user has scrolled down the content. This happens because we are scrolling main, which hosts the notifications.

Priceless ticket https://commercetools.atlassian.net/browse/PRC-4262

Description

Before

before.mov

After

after.mov

[changeset-bot]

🦋 Changeset detected

Latest commit: c3ca39e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 36 packages

Name	Type
@commercetools-frontend/application-shell	Patch
@commercetools-frontend/cypress	Patch
@commercetools-applications/merchant-center-template-starter-typescript	Patch
@commercetools-applications/merchant-center-template-starter	Patch
@commercetools-applications/merchant-center-custom-view-template-starter-typescript	Patch
@commercetools-applications/merchant-center-custom-view-template-starter	Patch
@commercetools-local/playground	Patch
@commercetools-local/visual-testing-app	Patch
@commercetools-backend/eslint-config-node	Patch
@commercetools-backend/express	Patch
@commercetools-backend/loggers	Patch
@commercetools-frontend/actions-global	Patch
@commercetools-frontend/application-components	Patch
@commercetools-frontend/application-config	Patch
@commercetools-frontend/application-shell-connectors	Patch
@commercetools-frontend/assets	Patch
@commercetools-frontend/babel-preset-mc-app	Patch
@commercetools-frontend/browser-history	Patch
@commercetools-frontend/codemod	Patch
@commercetools-frontend/constants	Patch
@commercetools-frontend/create-mc-app	Patch
@commercetools-frontend/eslint-config-mc-app	Patch
@commercetools-frontend/i18n	Patch
@commercetools-frontend/jest-preset-mc-app	Patch
@commercetools-frontend/jest-stylelint-runner	Patch
@commercetools-frontend/l10n	Patch
@commercetools-frontend/mc-dev-authentication	Patch
@commercetools-frontend/mc-html-template	Patch
@commercetools-frontend/mc-scripts	Patch
@commercetools-frontend/notifications	Patch
@commercetools-frontend/permissions	Patch
@commercetools-frontend/react-notifications	Patch
@commercetools-frontend/sdk	Patch
@commercetools-frontend/sentry	Patch
@commercetools-frontend/url-utils	Patch
@commercetools-website/components-playground	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
mc-app-kit-playground	Ready	Preview	Comment	Sep 17, 2025 2:23pm
merchant-center-application-kit-components-playground	Ready	Preview	Comment	Sep 17, 2025 2:23pm

[ddouglasz]

@commercetools/craft-team-fe please take a look 👀
⚠️ Since this is sort a "root" change that affects a lot of places in our applications, although approved, we should not merge yet until we can test that it is visually consistent in all possible use cases.

[misama-ct]

The change touches layers that should not be responsible for the intended change. The fact that the navigation appears sticky now is merely a side-effect.

Having that said: I can't tell you how to to achieve sticky notifications that reliably work the same across all applications without spending a significant amount of time on investigating the DOM structure and the surrounding css-rules.