feat: switch to frontmatter

The intention is to build an RSS generator eventually

pages/LayoutBase.tsx

@@ -1,22 +1,7 @@
 import { PropsWithChildren, StrictMode } from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faHome, faUser } from "@fortawesome/free-solid-svg-icons";
 
 import "./style.css";
-
-const Navbar: React.FC = () => (
-  <span className="navbar">
-    <a href="/">
-      <FontAwesomeIcon icon={faHome} className="icon" />
-      Home
-    </a>
-    <span>/</span>
-    <a href="/about">
-      <FontAwesomeIcon icon={faUser} className="icon" />
-      About
-    </a>
-  </span>
-);
+import Navbar from "./Navbar";
 
 const Layout: React.FC<PropsWithChildren> = ({ children }) => (
   <StrictMode>

pages/Navbar.tsx

@@ -0,0 +1,18 @@
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faHome, faUser } from "@fortawesome/free-solid-svg-icons";
+
+const Navbar: React.FC = () => (
+  <span className="navbar">
+    <a href="/">
+      <FontAwesomeIcon icon={faHome} className="icon" />
+      Home
+    </a>
+    <span>/</span>
+    <a href="/about">
+      <FontAwesomeIcon icon={faUser} className="icon" />
+      About
+    </a>
+  </span>
+);
+
+export default Navbar;