Fix duplicate nested Button in ArticleCard causing build failure

[Copilot]

The deploy workflow was failing due to duplicate nested Button components in ArticleCard.tsx causing JSX syntax errors.

Changes:

• Removed duplicate Button component (lines 69-85) that was incorrectly nested inside the first Button
• Properly closed the first Button element at line 69

The duplicate Button had identical props and content but lacked the handleButtonClick wrapper in its onClick handler. The fix preserves the correct implementation with proper event handling.

// Before: Invalid JSX with nested Button
<Button onClick={(e) => { handleButtonClick(e); onToggleRead(article.id) }}>
  {article.isRead ? <><ArrowCounterClockwise />Mark Unread</> : <><Check />Mark Read</>}
  <Button onClick={() => onToggleRead(article.id)}>  // ❌ Duplicate nested Button
    {/* Same content repeated */}
  </Button>
</div>

// After: Valid JSX structure
<Button onClick={(e) => { handleButtonClick(e); onToggleRead(article.id) }}>
  {article.isRead ? <><ArrowCounterClockwise />Mark Unread</> : <><Check />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

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.