fix(website): make 404 page good again (typescript-eslint#8750)

* move inside content

* lint

packages/website/src/theme/NotFound/Content/index.tsx

@@ -0,0 +1,39 @@
+import { useLocation } from '@docusaurus/router';
+import React from 'react';
+
+import styles from './styles.module.css';
+
+export default function NotFound(): React.JSX.Element {
+  const location = useLocation();
+
+  return (
+    <main className="container margin-vert--xl">
+      <div className="row">
+        <div className="col col--8 col--offset-2">
+          <h1 className={styles.title}>
+            <div className={styles.code}>$ npx eslint .</div>
+            <strong>
+              {`'${location.pathname}'`.split('').map((letter, i) => (
+                <span className={styles.word} key={i}>
+                  {letter}
+                </span>
+              ))}
+            </strong>{' '}
+            is not defined.
+          </h1>
+          <p className="hero__subtitle">
+            Looks like the page you're looking for doesn't exist. 😥
+          </p>
+          <p>
+            If you were linked here within typescript-eslint.io, there's
+            probably a bug in the site. Please{' '}
+            <a href="https://github.com/typescript-eslint/typescript-eslint/issues/new/choose">
+              file an issue on GitHub
+            </a>
+            .
+          </p>
+        </div>
+      </div>
+    </main>
+  );
+}