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

.gitignore

@@ -41,3 +41,6 @@ package-lock.json
 
 # Last updated dates per route (generated by scripts/generate-last-updated.mjs)
 /src/lib/last-updated-routes.mjs
+
+# Playwright MCP run artifacts (snapshots, console logs)
+/.playwright-mcp/

src/pages/about-netbird/self-hosted-vs-cloud.mdx

@@ -90,9 +90,9 @@ your critical network infrastructure.
 | **Best for** | Homelabs, air-gapped networks, compliance requirements | Teams wanting hassle-free setup |
 
 ## Get started
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - [Self-hosting Quickstart](/selfhosted/selfhosted-quickstart) - Get started with self-hosted NetBird in 5 minutes
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)

src/pages/get-started/install/opnsense.mdx

@@ -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)

src/pages/get-started/install/pfsense.mdx

@@ -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)

src/pages/manage/access-control/posture-checks/index.mdx

@@ -143,9 +143,9 @@ If your deployment includes iOS or Android clients and you need to gate on local
 - Apply local-NIC-based Peer Network Range posture checks only to policies targeting desktop platforms (Windows, macOS, Linux)
 
 ## Get started with NetBird
-<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)

src/pages/manage/activity/index.mdx

@@ -129,9 +129,9 @@ NetBird can stream audit events to your Security Information and Event Managemen
 
 ## 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)

src/pages/manage/network-routes/index.mdx

@@ -342,9 +342,9 @@ To prevent permission overflow, use dedicated Routing Peers for Network Routes a
 />
 
 ## 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)

src/pages/manage/peers/access-infrastructure/secure-remote-webserver-access.mdx

@@ -161,9 +161,9 @@ This straightforward test confirms your successful implementation of a secure, f
 
 ## 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)

src/pages/manage/peers/add-machines-to-your-network.mdx

@@ -43,9 +43,9 @@ Here are a few links that might be handy as you venture further into NetBird:
 - [Allow only managed devices in the network](/manage/access-control/endpoint-detection-and-response)
 - [Use setup keys to automate NetBird deployments](/manage/peers/register-machines-using-setup-keys)
 
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Try NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)

src/pages/manage/peers/approve-peers.mdx

@@ -40,9 +40,9 @@ and allow only trusted devices to join the network.
 Check the [EDR integrations](/manage/access-control/endpoint-detection-and-response) guide for more information on how to enable this feature.
 
 ## 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)

src/pages/manage/peers/auto-update.mdx

@@ -74,9 +74,9 @@ Linux support is not available at this time due to the variety of distributions
 4. All notifications related to Automatic Updates will be shown only if NetBird UI is running and Notifications are enabled.
 
 ## 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)

src/pages/manage/peers/lazy-connection.mdx

@@ -79,9 +79,9 @@ Setting disabled:
 * The lazy connection manager is now disabled. The client will immediately attempt to establish connections with all remote peers.
 
 ## 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)

src/pages/manage/peers/ssh.mdx

@@ -658,11 +658,11 @@ netbird up --ssh-jwt-cache-ttl 3600  # 1 hour
 ```
 
 ## 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)

src/pages/manage/settings/delete-account.mdx

@@ -22,9 +22,9 @@ After you delete your account, your session will end, and you will be redirected
     If you log in again, a new account will be created.
 </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)

src/pages/manage/settings/enforce-periodic-user-authentication.mdx

@@ -40,9 +40,9 @@ Peers with `Expiration disabled` will be marked with a corresponding label in th
 </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)

src/pages/manage/settings/multi-factor-authentication.mdx

@@ -54,9 +54,9 @@ This will reset MFA for the user, and they will need to set it up again during t
 </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)

src/pages/manage/team/add-users-to-your-network.mdx

@@ -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)

src/pages/manage/team/approve-users.mdx

@@ -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)