Fix JSX syntax errors in ArticleCard causing deploy workflow failure

[Copilot]

The GitHub Actions deploy workflow was failing at build step due to TypeScript/JSX syntax errors in ArticleCard.tsx.

Changes

• Removed duplicate nested Button component - Lines 69-85 contained a duplicate <Button> incorrectly nested inside the first Button, breaking JSX structure
• Fixed property access spacing - Removed extraneous spaces in article. isRead, article. source, article. publishedAt
• Fixed CSS and operator spacing - Corrected hover: shadow-lg → hover:shadow-lg and ! article.isRead → !article.isRead

Example

Before:

<Button>
  {article.isRead ? <></> : <></>}
  <Button>  {/* Duplicate nested button */}
    {article.isRead ? <></> : <></>}
  </Button>
</div>  {/* Missing closing tag for first Button */}

After:

<Button>
  {article.isRead ? <></> : <></>}
</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

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.