feat: add BrowserCheck to block headless browsers

- Add a client component that runs on mount and detects headless traits
- Checks navigator.webdriver and navigator.hardwareConcurrency < 2
- Replaces page with an "Access Denied" message and stops loading when
  detected
- Mount component in RootLayout alongside DevToolsDetector in production

Author: mrepol742

app/components/BrowserCheck.tsx

@@ -0,0 +1,27 @@
+"use client";
+
+import { useEffect } from "react";
+
+export default function BrowserCheck() {
+  useEffect(() => {
+    async function detectHeadless() {
+      try {
+        const isWebdriver = navigator.webdriver;
+        const hardwareConcurrency = navigator.hardwareConcurrency || 0;
+
+        if (isWebdriver || hardwareConcurrency < 2) {
+          document.title = "Access Denied";
+          document.body.innerHTML =
+            "<h1 style='text-align:center;margin-top:20vh;font-family:sans-serif;'>Access Denied</h1>";
+          window.stop();
+        }
+      } catch (err) {
+        console.error("Browser check error:", err);
+      }
+    }
+
+    detectHeadless();
+  }, []);
+
+  return null;
+}

app/layout.tsx

@@ -7,6 +7,7 @@ import DevToolsDetector from "./components/DevToolsDetector";
 import NextTopLoader from "nextjs-toploader";
 import { headers } from "next/headers";
 import NortonSafeweb from "./components/NortonSafeweb";
+import BrowserCheck from "./components/BrowserCheck";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -120,6 +121,7 @@ export default function RootLayout({
         {isProduction && (
           <>
             <DevToolsDetector />
+            <BrowserCheck />
           </>
         )}
       </body>