Adding routing and stub about page

client/src/components/header/header.css

@@ -0,0 +1,27 @@
+header {
+    border-color: #c6a0f6;
+    border-width: 2px;
+    border-style: solid;
+
+    position: sticky top;
+}
+
+nav {
+    padding: 0.25rem;
+    li {
+        display: inline-block;
+        list-style-type: none;
+        padding: 0.25rem;
+    }
+
+    ul {
+        margin: 0;
+        padding: 0.25rem;
+    }
+
+    a {
+        color: #cad3f5;
+        text-decoration: none;
+        font-weight: bold;
+    }
+}

client/src/components/header/index.tsx

@@ -0,0 +1,14 @@
+import "./header.css";
+import { Nav } from "./nav";
+
+export function Header() {
+  return (
+    <header>
+      <div id="hd-left" className="header-section">
+        <Nav />
+      </div>
+      <div id="hd-middle" className="header-section"></div>
+      <div id="hd-right" className="header-section"></div>
+    </header>
+  );
+}

client/src/components/header/nav.tsx

@@ -0,0 +1,17 @@
+import { Link } from "react-router";
+import "./header.css";
+
+export function Nav() {
+  return (
+    <nav>
+      <ul>
+        <li>
+          <Link to="/">Home</Link>
+        </li>
+        <li>
+          <Link to="/about">About</Link>
+        </li>
+      </ul>
+    </nav>
+  );
+}