fix: typo begginers -> beginners

src/components/Home/index.tsx

@@ -74,7 +74,7 @@ export const Home: FC = () => {
         <SC.Menu>
           <MenuItem to="/about">about</MenuItem>
           <MenuItem to="/rules">rules</MenuItem>
-          <MenuItem to="/begginers">begginers</MenuItem>
+          <MenuItem to="/beginners">beginners</MenuItem>
           <MenuItem to="/faq">faq</MenuItem>
           <MenuItem to="/bots">bots</MenuItem>
           <MenuItem to="/resources">resources</MenuItem>

src/components/Sidebar/index.tsx

@@ -40,7 +40,7 @@ export const Sidebar: FC<HTMLAttributes<HTMLDivElement>> = (props) => {
           <SC.Menu className={cx({ "has-border": Boolean(children) })}>
             <MenuItem to="/about">about</MenuItem>
             <MenuItem to="/rules">rules</MenuItem>
-            <MenuItem to="/begginers">begginers</MenuItem>
+            <MenuItem to="/beginners">beginners</MenuItem>
             <MenuItem to="/faq">faq</MenuItem>
             <MenuItem to="/bots">bots</MenuItem>
             <MenuItem to="/resources">resources</MenuItem>

src/content/site/beginners.md

@@ -1,5 +1,5 @@
 ---
-path: /begginers
+path: /beginners
 ---
 
 ## Beginners

src/pages/beginners.tsx

@@ -9,16 +9,16 @@ import { PageContent } from "../components/PageContent"
 import { HeaderBarebone } from "../components/HeaderBarebone"
 import { buildToc } from "../utils"
 
-function begginers({ data }: ComponentQuery<{ md: Mdx }>) {
+function Beginners({ data }: ComponentQuery<{ md: Mdx }>) {
   const { md } = data
 
   const toc = buildToc(md.headings!)
 
   return (
     <Fragment>
-      <SEO title="Begginers" />
+      <SEO title="Beginners" />
       <HeaderBarebone
-        title="Begginers"
+        title="Beginners"
         className={cx({ shifted: toc.length })}
       />
 
@@ -28,8 +28,8 @@ function begginers({ data }: ComponentQuery<{ md: Mdx }>) {
 }
 
 export const query = graphql`
-  query begginers {
+  query beginners {
-    md: mdx(frontmatter: { path: { eq: "/begginers" } }) {
+    md: mdx(frontmatter: { path: { eq: "/beginners" } }) {
       body
       headings {
         depth
@@ -39,4 +39,4 @@ export const query = graphql`
   }
 `
 
-export default begginers
+export default Beginners