Add skip-to-content link for keyboard accessibility

[projectamazonph]

Problem

globals.css defines .skip-link styles (lines 244-258), and page.tsx has id="main-content" on <main>, but no <a> element with class="skip-link" exists before it.

This is a WCAG 2.4.1 (Bypass Blocks) violation. Keyboard-only users must tab through the entire header and navigation before reaching page content.

Fix

Add as the first child inside the <main> wrapper in src/app/page.tsx:

<a href="#main-content" className="skip-link">
  Skip to content
</a>

Or place it before <main> as a direct child of the page fragment. The CSS already handles positioning (hidden off-screen, visible on :focus).

Verification

1. Tab to the page — first focusable element should be the skip link
2. Press Enter — page scrolls to #main-content
3. Run Lighthouse Accessibility audit — bypass blocks check should pass

Severity: Required — WCAG compliance, ~5 minutes of work