Build a "Reading time" and "Last reviewed" header for Help Center articles

[greatest0fallt1me]

Description

This is a UI/UX issue adding a header strip with reading time and last-reviewed date to each Help Center article on app/(dashboard)/help/page.tsx. Helps users prioritise and trust content.

Requirements and Context

• Compute reading time at build time from word count (avg 200 wpm)
• "Last reviewed" pulled from frontmatter
• Render with Clock and BadgeCheck icons + tooltip
• Must be secure, tested, and documented
• Should be efficient and easy to review

Suggested Execution

1. Fork the repo and create a branch

   git checkout -b feature/help-article-meta

2. Implement changes
   • Add components/help/article-meta.tsx
   • Edit help content build pipeline if present, else compute at render
3. Test and commit
   • Render tests with sample articles
   • Cover edge cases (very short articles, missing metadata)
   • Include test output and notes in the PR

Example commit message

feat: article meta header for help center

Acceptance Criteria

• Reading time accurate within ±10%
• Missing dates fall back gracefully
• Tooltip explains source of the dates

Guidelines

• WCAG 2.1 AA, time elements use <time> semantics
• Clear documentation and inline comments
• Timeframe: 96 hours