Fix invalid semantic HTML: <button> nested inside <a> in not-found.tsx

[Copilot]

The "Back to Safety" CTA was wrapping a <Button> (renders <button>) inside a <Link> (renders <a>), producing invalid HTML — interactive elements cannot be nested.

Change

Used Button's existing asChild prop so Radix UI's Slot forwards button styles directly onto the <Link> child, collapsing both into a single <a> element.

// Before — invalid: <button> inside <a>
<Link href="/">
  <Button variant="primary" ...>
    <Home size={20} /> Back to Safety
  </Button>
</Link>

// After — single semantic <a> with button styling
<Button asChild variant="primary" ...>
  <Link href="/">
    <Home size={20} /> Back to Safety
  </Link>
</Button>

---

🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
readme-gen-ai	Ready	Preview, Comment	Feb 21, 2026 10:45am

[Copilot]

Just as a heads up, I was blocked by some firewall rules while working on your feedback. Expand below for details.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• fonts.googleapis.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/.npm/_npx/8b377f6eec906bc4/node_modules/.bin/next build (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)