Fix TypeScript syntax errors in ArticleCard.tsx blocking deploy

[Copilot]

Deploy workflow failing with 6 TypeScript compilation errors in ArticleCard.tsx due to malformed JSX structure and duplicate component nesting.

Changes

• Fixed property accessor spacing: Removed spaces in article. isRead → article.isRead, article. source → article.source, article. publishedAt → article.publishedAt
• Removed duplicate Button component: Deleted nested duplicate Button wrapper (lines 69-85)
• Fixed JSX structure: Added missing closing tags for Button, CardHeader, and Card elements
• Fixed operator spacing: ! article.isRead → !article.isRead

The errors were:

src/components/ArticleCard.tsx(24,5): error TS2657: JSX expressions must have one parent element.
src/components/ArticleCard.tsx(49,12): error TS17008: JSX element 'Button' has no corresponding closing tag.
src/components/ArticleCard.tsx(87,11): error TS17002: Expected corresponding JSX closing tag for 'CardHeader'.

Original prompt

Fix the failing GitHub Actions workflow deploy

Analyze the workflow logs, identify the root cause of the failure, and implement a fix.

Job ID: 60137733733

Job URL: https://github.com/sheenyg/wouldreads/actions/runs/20929886909/job/60137733733

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.