Fix TypeScript compilation errors in ArticleCard component

[Copilot]

The GitHub Actions deploy workflow was failing due to JSX syntax errors in ArticleCard.tsx preventing TypeScript compilation.

Changes

• Removed duplicate nested Button component - Lines 69-85 contained a Button incorrectly nested inside another Button element
• Fixed property access spacing - Removed errant spaces in article.isRead, article.source, article.publishedAt, and !article
• Fixed CSS class spacing - Corrected hover: shadow-lg to hover:shadow-lg

Before:

<Button>
  {article.isRead ? <Mark Unread> : <Mark Read>}
  <Button onClick={() => onToggleRead(article.id)}>  {/* Duplicate nested button */}
    {article.isRead ? <Mark Unread> : <Mark Read>}
  </Button>
</div>  {/* Extra closing tag */}

After:

<Button onClick={(e) => { handleButtonClick(e); onToggleRead(article.id); }}>
  {article.isRead ? <Mark Unread> : <Mark Read>}
</Button>

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.