NavBar: extract Header into NavBar and Panorama components

src/components/NavBar/NavBar.tsx

@@ -0,0 +1,35 @@
+import React from "react";
+import "./NavBar.css";
+
+type NavBarProps = {};
+
+const NavBar: React.FC<NavBarProps> = () => {
+  return (
+    <nav>
+      <div className="title-container">
+        <div
+          style={{
+            height: 32,
+            width: 32,
+            backgroundColor: "black",
+            borderRadius: "50%",
+          }}
+        ></div>
+        <div className="title">
+          <h1>Phosphor Icons</h1>
+          <small>v0.1.6</small>
+        </div>
+      </div>
+      <div className="links">
+        <a href="#">Download</a>
+        <a href="#">Request</a>
+        <a href="#">Donate</a>
+        <a href="https://github.com/rektdeckard/phosphor-react">
+          <span>Github</span>
+        </a>
+      </div>
+    </nav>
+  );
+};
+
+export default NavBar;