chore: add projects to main nav

I redesign a little the main nav on small screens so it can takes two
columns when the screen height is low. I change the 2xs breakpoint to
500px instead of 400px.

1 files changed, 3 insertions, 0 deletions

diff --git a/src/components/MainNav/MainNav.tsx b/src/components/MainNav/MainNav.tsx
index 0339a35..afc4193 100644
--- a/src/components/MainNav/MainNav.tsx
+++ b/src/components/MainNav/MainNav.tsx
@@ -7,6 +7,7 @@ import {
   CVIcon,
   HamburgerIcon,
   HomeIcon,
+  ProjectsIcon,
 } from '@components/Icons';
 import { mainNav } from '@config/nav';
 import styles from './MainNav.module.scss';
@@ -31,6 +32,8 @@ const MainNav = ({
         return <ContactIcon />;
       case 'cv':
         return <CVIcon />;
+      case 'projects':
+        return <ProjectsIcon />;
       default:
         break;
     }