fix: unifies caps of link content and fixes style for contact link

Relates #142

src/components/BurgerMenu/BurgerMenu.css

@@ -71,6 +71,7 @@
   grid-row: 3/7;
   margin: 0 25px;
   display: flex;
+  gap: 12px;
   flex-direction: column;
   align-items: center;
   justify-content: space-evenly;
@@ -89,6 +90,10 @@
   justify-content: space-around;
 }
 
+.burger--contact a {
+  text-decoration: none;
+}
+
 .burger--contact div {
   display: flex;
   display: flex;

src/components/BurgerMenu/BurgerMenu.tsx

@@ -48,47 +48,52 @@ export default function BurgerMenu() {
             className="text-xl button--secondary"
             onClick={() => handleNavigate("home")}
           >
-            HOME
+            home
           </button>
           <button
             className="text-xl button--secondary"
             onClick={() => handleNavigate("explore")}
           >
-            EXPLORE
+            explore
+          </button>
+          <button
+            className="button--secondary text-xl"
+            onClick={() =>
+              handleNavigate(isLoggedIn ? "digest" : "login")
+            }
+          >
+            digest
+          </button>
+          <button
+            className="button--secondary text-xl"
+            onClick={() =>
+              handleNavigate(isLoggedIn ? "favourites" : "login")
+            }
+          >
+            favourites
           </button>
-
           {isLoggedIn ? (
             <>
               <button
                 className="button--secondary text-xl"
                 onClick={() => handleNavigate("profile")}
               >
-                my account
+                settings
               </button>
             </>
           ) : (
             <button
               className="text-xl button--secondary"
               onClick={() => handleNavigate("login")}
             >
-              LOGIN
+              login
             </button>
           )}
           <button
-            className="button--secondary text-xl"
-            onClick={() =>
-              handleNavigate(isLoggedIn ? "favourites" : "login")
-            }
-          >
-            favourites
-          </button>
-          <button
-            className="button--secondary text-xl"
-            onClick={() =>
-              handleNavigate(isLoggedIn ? "digest" : "login")
-            }
+            className="text-xl button--secondary"
+            onClick={() => navigateTo("about")}
           >
-            digest
+            ABOUT
           </button>
         </div>
         <div className="burger--contact">
@@ -143,15 +148,7 @@ export default function BurgerMenu() {
             </a>
           </div>
           <div>
-            <button
-              className="button--secondary bold"
-              onClick={() => navigateTo("about")}
-            >
-              ABOUT
-            </button>
-            <button className="button--secondary bold">
-              CONTACT
-            </button>
+            <a href="mailto:[email protected]" className="button--secondary bold">contact us</a>
           </div>
         </div>
       </div>