- Fix PayloadRichText: migrate custom JSX converters to Lexical v3 nodesToJSX API
- paragraph, heading, list, listitem, quote, link converters now use nodesToJSX
- Resolves missing product texts since PayloadCMS migration
- Fix mobile navigation: move overlay outside <header> to prevent fixed-position clipping
- Header transform/backdrop-filter was containing the fixed overlay
- Use bg-primary/95 backdrop-blur-3xl for premium blue background
- Fix product image mobile layout: use md:-mt-32 responsive prefix
- Negative margin only applies on md+ to avoid overlap on mobile
- Improve mobile product page UX:
- Breadcrumbs: flex-wrap, truncate, reduced separator spacing
- Hero: reduced top padding pt-28 on mobile
- Product image card: 4/3 aspect ratio and smaller padding on mobile
- Section spacing: use responsive md: prefixes throughout
- Data tables: 2-col grid on mobile, smaller card padding/radius
- Tables: add right-edge scroll hint gradient on mobile
- Add config.showDrafts (true for dev/testing/staging, false for production)
- Replace all isDev checks in blog.ts and products.ts with config.showDrafts
- Previously only NODE_ENV=development showed drafts, missing testing/staging
