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 22:51:03 +02:00
committed by GitHub
parent 14efe3f46a
commit d1936d99ec
18 changed files with 37 additions and 34 deletions

View File

@@ -139,9 +139,9 @@ By default, OPNsense uses automatic outbound NAT which randomizes source ports.
- Run `netbird status -d` to verify the connection.
## 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)

View File

@@ -158,9 +158,9 @@ pkg delete netbird pfSense-pkg-NetBird
## 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)