fix: replace invalid <p> wrapping Button with <div> (#768)

* fix: replace invalid <p> wrapping Button with <div>

The Button component renders a <div> in its primary variant. HTML
disallows block elements inside <p>, so browsers auto-close the <p>
during parsing and React 19 reports a hydration mismatch. The
float="center" attribute was non-functional, so rendering is unchanged.

* chore: gitignore .playwright-mcp run artifacts
This commit is contained in:
Jack Carter
2026-05-27 13:51:03 -07:00
committed by GitHub
parent 14efe3f46a
commit d1936d99ec
18 changed files with 37 additions and 34 deletions
@@ -99,9 +99,9 @@ Click the `Save` button to save the changes.
</Note>
## Get started
<p float="center" >
<div>
<Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
</p>
</div>
- Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
- Follow us [on X](https://x.com/netbird)
+2 -2
View File
@@ -21,9 +21,9 @@ To approve a user, navigate to the [Users Page](https://app.netbird.io/team/user
</p>
## Get started
<p float="center" >
<div>
<Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
</p>
</div>
- Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
- Follow us [on X](https://x.com/netbird)