fix(app-website-builder): make sidebar settings scroll to the bottom

[adrians5j]

Problem

In the page editor's settings sidebar (Element / Style tabs), you can't scroll all the way to the bottom of a long form — the last fields are cut off and unreachable. Reported by Pavel (Slack): "neki height je krivo iskalkuliran" (some height is miscalculated).

Root cause

The sidebar tab content (TabContainer) sized itself with a hardcoded estimate of the chrome above the editor:

height: calc(100vh - 44px - 49px)  // 44px = top bar (guessed), 49px = tab header

When the real top chrome is taller than the guessed 44px (top bar + address bar + review banner, etc.), the scroll box ends up taller than the viewport, so its bottom — and the last form fields — fall below the fold and can't be scrolled into view.

Fix

The canvas already solves this correctly: PreviewContainer sizes itself with calc(100vh - uiReservedSpace.height), where uiReservedSpace.height is the top chrome height measured at runtime (useReservedUISpace). The sidebar now uses that same measured value instead of guessing:

height: calc(100vh - ${uiReservedSpace.height}px - 49px)

One file, app-website-builder only — no shared-package changes.

Verification

• Please confirm in the editor: open element settings with a long form (e.g. the video/CTA element) and scroll to the last field, on both the Element and Style tabs.
• The remaining 49px is the tab-header height; if a small gap/overflow appears at the bottom it can be nudged.

🤖 Generated with Claude Code