[Studio UI] Add skip-to-content link for keyboard users

[idaiv]

Summary

• Visually hidden "Skip to content" link at the top of the base layout
• Appears on Tab focus, positioned above all content with z-index 9999
• Links to #main-content wrapping the WidgetManagerContainer
• Fixes WCAG 2.4.1 (Bypass Blocks)

Test plan

• Load the app, press Tab as the first action — "Skip to content" link appears
• Press Enter — focus jumps to the main content area
• Press Tab again — link disappears (not visible when unfocused)

🤖 Generated with Claude Code

Relates to https://github.com/pimcore/product-management/issues/372

[pimcore-deployments]

🌐 Translations synced automatically

The key changes below were generated for all target languages, passed the
mechanical validation gate (key parity, order, placeholders, types, plurals),
and are being committed to this branch by the workflow (check the run status
if the commit is not visible).
Please review the generated translations.

Added (1):

• skip-to-content

ℹ️ Pre-existing translation errors (not from this PR)

12 validation error(s) predating this PR are still present. They are not blocking it; clearing them needs another run or a dedicated backfill.

[Copilot]

Pull request overview

Adds a keyboard skip link to bypass the sidebars and reach the widget manager.

Changes:

• Adds a translated “Skip to content” link.
• Adds focus-visible styling.
• Wraps the widget manager in the link target.

Review assessment:

• The correct layout boundary and all relevant call sites are covered.
• No public API compatibility impact.
• The target is not reliably focusable across browsers; an accessibility comment was filed.
• Only manual testing is provided; cross-browser focus behavior remains unverified.

Reviewed changes

Copilot reviewed 9 out of 9 changed files in this pull request and generated 1 comment.

File	Description
translations/studio.en.yaml	Adds the English link label.
base-layout-view.tsx	Adds the skip link and content target.
base-layout-view.styles.ts	Shows the link when focused.

---

💡 Configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud