fix(ui5-dynamic-page): hide pin button on mobile devices

[NakataCode]

The pin/unpin button is now automatically hidden on mobile devices in accordance with SAP Fiori guidelines, which state that the Pin Header action should not be provided on small screens as the pinned header would take up too much screen real estate.

• Additionally, introduced PAGE_HEIGHT constant in DynamicPage.mobile.cy to reduce repetition of hardcoded "600px" values.

Fixes #13320

[ui5-webcomponents-bot]

🧹 Preview deployment cleaned up: https://pr-13335--ui5-webcomponents.netlify.app

[kgogov]

Code review

Found 1 issue:

1. Test uses wrong CSS class selector, making it a no-op. The new test asserts .find(".ui5-dynamic-page-header-action-pin-button").should("not.exist"), but the class ui5-dynamic-page-header-action-pin-button does not exist anywhere in the codebase. The actual class on the pin button ToggleButton is ui5-dynamic-page-header-action-pin (no -button suffix). Because the selector never matches anything, the should("not.exist") assertion passes vacuously in all cases -- the test would pass even if the pin button were fully visible on mobile. The correct selector is .ui5-dynamic-page-header-action-pin, consistent with the desktop tests and the source code.

Wrong selector in test:

webcomponents/packages/fiori/cypress/specs/DynamicPage.mobile.cy.tsx

Lines 201 to 203 in 78478c1

	.shadow()
	.find(".ui5-dynamic-page-header-action-pin-button")
	.should("not.exist");

Actual class in template:

webcomponents/packages/fiori/src/DynamicPageHeaderActionsTemplate.tsx

Lines 20 to 22 in 78478c1

	<ToggleButton
	class="ui5-dynamic-page-header-action ui5-dynamic-page-header-action-pin"
	onClick={this.onPinClick}

🤖 Generated with Claude Code

_{- If this code review was useful, please react with 👍. Otherwise, react with 👎.}