fix: add hover underline to navbar links

Author: smeijer

src/components/Header.js

@@ -13,7 +13,7 @@ function Header() {
     <div className="w-100 h-16">
       <nav className="flex items-center justify-between bg-gray-900 h-16 px-8 text-white fixed z-10 top-0 w-full">
         <div className="flex items-center flex-shrink-0 text-white">
-          <a href="/">
+          <a className="title" href="/">
             <h1 className="font-light text-xl tracking-tight flex space-x-4 items-center justify-start">
               <img width={24} height={24} src={icon} />️{' '}
               <span>Testing Playground</span>

src/styles/app.pcss

@@ -10,6 +10,10 @@ body {
   overflow-y: scroll;
 }
 
+nav a:not(.title):hover {
+  text-decoration: underline;
+}
+
 .footer {
   transition: opacity 0.2s ease 0s;
 }