Extract navigation links to private component

client/src/components/header/nav.tsx

@@ -5,13 +5,17 @@ export function Nav() {
   return (
     <nav>
       <ul>
-        <li>
+        <NavLink path="/" name="Home" />
-          <Link to="/">Home</Link>
+        <NavLink path="/about" name="About" />
-        </li>
-        <li>
-          <Link to="/about">About</Link>
-        </li>
       </ul>
     </nav>
   );
 }
+
+function NavLink(props: { path: string; name: string }) {
+  return (
+    <li>
+      <Link to={props.path}>{props.name}</Link>
+    </li>
+  );
+}