Add current page logic to navbar, increase text size

src/pages/contact.tsx

@@ -3,8 +3,8 @@ import AppWrapper from "../components/AppWrapper";
 import WorkInProgress from "../components/WorkInProgress";
 
 const ContactPage: NextPage = () => {
-    return <AppWrapper>
-        <WorkInProgress />
+    return <AppWrapper current='contact'>
+        <WorkInProgress/>
     </AppWrapper>
 }
 

src/pages/portal.tsx

@@ -59,7 +59,7 @@ const PhototagPage: NextPage = () => {
                             <li>Cutting Edge - the latest technology</li>
                         </ul>
                         <h3>Screenshots</h3>
-                        <div className="relative space-y-3">
+                        <div className="relative space-y-8">
                             {images.map(([src, description]) => {
                                     return <div key={src} className="flex flex-col justify-center w-full">
                                         <Image fill sizes="100vw" src={src} alt=""

src/pages/projects.tsx

@@ -3,7 +3,7 @@ import AppWrapper from "../components/AppWrapper";
 import WorkInProgress from "../components/WorkInProgress";
 
 const ProjectsPage: NextPage = () => {
-    return <AppWrapper>
+    return <AppWrapper current='projects'>
         <WorkInProgress/>
     </AppWrapper>;
 }