Issue Fix

[JSE19]

Description:
DS-031 — Build AppShell and PageHeader primitives

• New AppShell component with full (viewport-filling for Trade) and constrained (max-width container) layout variants
• New PageHeader component with slots for title, description, actions, metadata, tabs, and breadcrumbs
• Header actions stack below title on mobile for reachability; all slots are route-agnostic
• Gallery page demos + unit tests for both layout modes

DS-032 — Refactor Navbar onto shared navigation primitives

• Extracted shared SiteLogo, HamburgerButton, and useMobileMenu hook (with Escape key support) into apps/web/src/ui/nav/primitives.tsx
• Both Navbar (app/landing) and Nav (landing standalone) now import from shared primitives — logo SVGs, hamburger icons, and class strings are no longer duplicated
• Active navigation is programmatically indicated: app via TanStack Router activeProps, landing via useLocation().pathname (replacing hardcoded boolean flag)
• Mobile menu closes on navigation click and on Escape key press

DS-033 — Build a Breadcrumb component

• New Breadcrumb compound component with BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, and BreadcrumbEllipsis sub-components
• Semantic wrapping an
  1. aria-current="page" on the current item via isCurrent prop
  2. Long-path collapse via maxItems prop — first + ellipsis + last
  3. Unit tests cover semantics, truncation, and accessibility

Closes #418
Closes #419
Closes #420

[vercel]

@JSE19 is attempting to deploy a commit to the Ijai's projects Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

@JSE19 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits