fix 404 report host and pathname (#10893)

* fix 404 report path

* dynamic host

Author: a-hariti

app/not-found.tsx

@@ -1,14 +1,19 @@
 'use client';
 
+import {useEffect, useState} from 'react';
 import {Button} from '@radix-ui/themes';
-import {usePathname} from 'next/navigation';
 
 import {Header} from 'sentry-docs/components/header';
 import {Search} from 'sentry-docs/components/search';
 
 export default function NotFound() {
-  const pathname = usePathname() ?? '/';
-  const brokenUrl = `https://docs.sentry.io${pathname}`;
+  const [pathname, setPathname] = useState('');
+  const [host, setHost] = useState('');
+  useEffect(() => {
+    setPathname(window.location.pathname);
+    setHost(window.location.host);
+  }, []);
+  const brokenUrl = `${host}${pathname}`;
   const reportUrl = `https://github.com/getsentry/sentry-docs/issues/new?template=issue-platform-404.yml&title=🔗 404 Error&url=${brokenUrl}`;
   return (
     <div className="tw-app">