add empty page component for about and contact. Updated nav bar links to route to them

src/components/Header.tsx

@@ -64,11 +64,11 @@ const NavBar = () => {
                 <ul id="left-nav-links" className="flex flex-row space-x-10">
                     <NavBarLink href='/' label='Home'/>
                     <NavBarLink dropdown={resourcesDropDown} href='/resources' label='Resources'/>
-                    <NavBarLink href='/' label='About'/>
+                    <NavBarLink href='/about' label='About'/>
                 </ul>
 
                 <ul id="right-nav-links" className="hidden sm:flex flex-row space-x-4">
-                    <NavBarLink href='/' label='Contact Us'/>
+                    <NavBarLink href='/contact' label='Contact Us'/>
                 </ul>
             </li>
         </nav>

src/pages/about.tsx

@@ -0,0 +1,12 @@
+import { type NextPage } from "next/types";
+
+const About: NextPage = () => {
+  
+    return (
+        <div>
+
+        </div>
+    );
+};
+
+export default About

src/pages/contact.tsx

@@ -0,0 +1,12 @@
+import { type NextPage } from "next/types";
+
+const Contact: NextPage = () => {
+  
+    return (
+        <div>
+
+        </div>
+    );
+};
+
+export default Contact