Merge remote-tracking branch 'origin/master'

Author: bluebill1049

src/components/Admonition.module.css

@@ -19,6 +19,11 @@
 }
 
 .admonitionIcon svg {
+  stroke: var(--color-black);
+  fill: var(--color-black);
+}
+
+:global(.dark) .admonitionIcon svg {
   stroke: rgb(253, 253, 254);
   fill: rgb(253, 253, 254);
 }

src/content/docs/createFormControl.mdx

@@ -36,8 +36,6 @@ This function create the entire form state subscription and allow you to subscri
  ```tsx
  const props = createFormControl()
 
-{" "}
-
 <FormProvider {...props} /> // ❌ You don't need provider
 
  <input {...props.register('name')} /> // ✅ Direct use method from createFormControl

src/data/api.tsx

@@ -2069,8 +2069,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
                     </Link>
                     <p>
                       <b className={typographyStyles.note}>Important: </b>This
-                      is only applicable to <strong>built-in</strong> validation
-                      only.
+                      is only applicable to <strong>built-in</strong> validation.
                     </p>
                   </p>
                 </td>

src/pages/404.module.css

@@ -0,0 +1,7 @@
+.container {
+  padding: 2rem;
+}
+
+.root {
+  text-align: center;
+}

src/pages/404.tsx

@@ -1,11 +1,16 @@
 import Layout from "../components/layout"
 import Seo from "../components/seo"
+import styles from "./404.module.css"
 
 const NotFoundPage = () => (
   <Layout>
     <Seo title="404: Not found" />
-    <h1>NOT FOUND</h1>
-    <p>You just found a route that doesn&#39;t exist... the sadness.</p>
+    <div className={styles.container}>
+      <main className={styles.root}>
+        <h1>NOT FOUND</h1>
+        <p>You just found a route that doesn&#39;t exist... the sadness.</p>
+      </main>
+    </div>
   </Layout>
 )