QC-66: Owner app shell + navigation workflow

[DarshanCode2005]

Summary

Owner app shell + navigation workflow

Milestone: M3 Owner
Labels: frontend, owner, design

Learn

• Next.js layout composition for role areas
• usePathname for active nav state
• Mobile-first bottom nav (44px targets)

Build

• Create components/layout/OwnerNav.tsx — desktop top nav + mobile bottom tabs
• Tabs: Dashboard | Inventory | Orders | Shop settings (lib/routes.ts)
• Wire into app/(owner)/layout.tsx replacing bare RoleShell header-only shell
• OwnerDashboard quick-action cards: Manage inventory, View orders, Shop settings
• RecentOrdersPreview: 'View all orders' link + row click → /owner/orders
• Optional setup checklist on dashboard: profile complete / has products / shop open
• Remove reliance on typing /owner/inventory or /owner/orders URLs
• Header shows owner name + Sign out (next-auth signOut)

Files

• components/layout/OwnerNav.tsx
• app/(owner)/layout.tsx
• components/owner/OwnerDashboard.tsx
• components/owner/RecentOrdersPreview.tsx
• lib/routes.ts

Acceptance criteria

• Owner reaches dashboard, inventory, orders, and settings without manual URL entry
• Active nav item matches current route
• Dashboard CTAs navigate to the three main tasks
• Sign out works from owner area
• Layout usable at 375px width

Depends on

• QC-31: Owner dashboard UI + animated counters #33 (QC-31)
• QC-33: Inventory UI + add/edit modal #35 (QC-33)
• QC-65: Owner shop profile API + settings UI + onboarding #124 (QC-65)