Made Navbar Hover Clickable

Author: Athi223

components/navbar.js

@@ -32,18 +32,18 @@ const Navbar = () => {
           className=" cursor-pointer"
         />
         <div className="right_contents">
-          <div className="nav_links">
-            <Link href="/components">Components</Link>
-          </div>
-          <div className="nav_links">
-            <Link href="/documentation">Documentation</Link>
-          </div>
-          <div className="nav_links">
-            <Link href="/aboutUs">About Us</Link>
-          </div>
-          <div className="nav_links">
-            <Link href="/faqs">FAQs</Link>
-          </div>
+          <Link href="/components">
+            <div role="button" className="nav_links">Components</div>
+          </Link>
+          <Link href="/documentation">
+            <div role="button" className="nav_links">Documentation</div>
+          </Link>
+          <Link href="/aboutUs">
+            <div role="button" className="nav_links">About Us</div>
+          </Link>
+          <Link href="/faqs">
+            <div role="button" className="nav_links">FAQs</div>
+          </Link>
         </div>
         <div className="flex sm:hidden hamburger" onClick={showMenu}>
           <p>{isMenuOpen ? <AiOutlineClose /> : <MdMenu />}</p>