feat(ui): create reusable article list item component

[yunus-dev-codecrafter]

closes #628

Create Article List Item Component

Description

Build a reusable article list item component with semantic HTML, a trending arrow icon, and full test coverage.

Changes

• lib/types.ts — Added Article interface (category, title, author, readTime, href?)
• components/ArticleListItem.tsx — Rewrote with:
  • Semantic markup (<article> wrapper, <header> for category label, <h3> for title)
  • TrendingUp icon from lucide-react replacing the previous chevron icon
  • className prop for consumer composability
  • Extends the shared Article type
• __tests__/components/ArticleListItem.test.tsx — 7 tests covering:
  • All field rendering (category, title, author, read time)
  • Trending arrow icon presence
  • Link href and slug generation
  • Semantic HTML elements
  • Dark mode class application
  • Custom className merging

Requirements Fulfilled

Requirement	Status
Category label	✅
Article title	✅
Author	✅
Read time	✅
Small trending arrow icon	✅ (TrendingUp from lucide-react)
Semantic markup	✅ (<article>, <header>, <h3>)
Clickable item	✅ (wrapped in <Link>)

[drips-wave]

@yunus-dev-codecrafter 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