Validate mobile sheet in browser (hamburger → sheet < md)

During the web-shell plan implementation, the mobile sheet open/close was validated via jsdom tests (keyboard Escape key, aria attributes). Browser validation via chrome-devtools-axi was not possible at < md viewport width.

**What to check:**
- At mobile viewport (< 768px), header collapses to: logo + hamburger + auth control
- Tapping hamburger opens the Sheet from the right with stacked nav links
- Sheet contains: Projects, Help Wanted, Members, Volunteer, separator, About section, search box
- Focus is trapped while sheet is open
- Sheet closes on Escape or overlay click and returns focus to the hamburger trigger

**When to close:** Add to the QA checklist for `public-screens` PR review.

_From: plans/web-shell.md Follow-ups_

Bắt đầu với phần tiếp nối về sheet trên thiết bị di động trong plans/web-shell.md và bối cảnh review PR của public-screens. Chạy các kiểm tra trình duyệt bằng chrome-devtools-axi ở dưới 768px, bao quát việc mở, điều hướng, giữ focus và hành vi đóng. Được xem là hoàn tất khi các kiểm tra đã xác thực được thêm vào checklist QA.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.