Fix JSX syntax errors in ArticleCard component

[Copilot]

The deploy workflow was failing during build due to TypeScript compilation errors caused by malformed JSX structure in ArticleCard.tsx.

Changes

• Removed duplicate nested Button component (lines 69-85)
• Fixed JSX structure with proper opening/closing tags
• Removed extraneous closing </div> tag

Before

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

After

<Button onClick={(e) => { /* ... */ }}>
  {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.