[CHORES] fix style in navbar

src/components/Dropdown/ServiceDropdown.js

@@ -10,15 +10,15 @@ const ServiceDropdown = ({className, dataTest}) => {
     >
       <li>
         <Link to="/">
-          <p className="p-3 w-full h-full block" data-testid="konsultasi">
-            Konsultasi
-          </p>
+            <p className="p-3 w-full h-full block hover:bg-lightgrey" data-testid="konsultasi">
+              Konsultasi
+            </p>
         </Link>
       </li>
       <li>
         <Link to="/form-iumk">
           <p
-            className="p-3 w-full h-full block"
+            className="p-3 w-full h-full block hover:bg-lightgrey"
             data-testid="dropdown-izin-umk"
           >
             Izin UMK
@@ -28,7 +28,7 @@ const ServiceDropdown = ({className, dataTest}) => {
       <li>
         <Link to="/form-pt">
           <p
-            className="p-3 w-full h-full block"
+            className="p-3 w-full h-full block hover:bg-lightgrey"
             data-testid="dropdown-pendirian-pt"
           >
             Pendirian PT

src/components/Navbar/Dropdown.js

@@ -17,7 +17,7 @@ const Dropdown = ({className, dataTest}) => {
       {!click && (
         <li>
           <p
-            className="p-3 w-full h-full block"
+            className="p-3 w-full h-full block hover:bg-lightgrey cursor-pointer"
             data-testid="keluar-url-link"
             onClick={() => {
               dispatch(logout())

src/components/Navbar/Navbar.js

@@ -76,7 +76,7 @@ const Navbar = ({isLoggedIn, name}) => {
               <div className="hidden lg:block xl:block 2xl:block justify-start">
                 <ul className="heading-3 flex flex-col sm:flex-row w-1/3 ml-16 top-20 right-6 absolute sm:static">
                   <li
-                    className="flex mr-11"
+                    className="flex mr-11 cursor-pointer"
                     data-testid="jasa-dropdown"
                     onClick={() => setServiceDropdown(!serviceDropdown)}
                   >
@@ -108,7 +108,7 @@ const Navbar = ({isLoggedIn, name}) => {
                 <ul className="absolute sm:static top-8 right-6">
                   <li onClick={toggleDropdown} data-testid="toggle-dropdown">
                     <div
-                      className="flex items-center reguler-text"
+                      className="flex items-center reguler-text cursor-pointer"
                       data-testid="profil-dropdown"
                     >
                       <img src={Profile} className="mr-4" />