apply nav link to a icon-bell button for cursor-pointer and link-color

packages/app/src/components/InAppNotification/InAppNotificationDropdown.tsx

@@ -148,11 +148,13 @@ const InAppNotificationDropdown: FC<Props> = (props: Props) => {
   const badge = count > 0 ? <span className="badge badge-pill badge-danger grw-notification-badge">{count}</span> : '';
 
   return (
-    <Dropdown className="notification-wrapper grw-in-app-notification-dropdown" isOpen={isOpen} toggle={toggleDropdownHandler}>
-      <DropdownToggle tag="a" className="nav-link">
-        <i className="icon-bell mr-2" /> {badge}
+    <Dropdown className="notification-wrapper" isOpen={isOpen} toggle={toggleDropdownHandler}>
+      <DropdownToggle tag="a">
+        <button type="button" className="nav-link border-0 bg-transparent">
+          <i className="icon-bell mr-2" /> {badge}
+        </button>
       </DropdownToggle>
-      <DropdownMenu className="grw-in-app-notification-dropdown-menu" right>
+      <DropdownMenu className="grw-in-app-notification-dropdown-menu px-2" right>
         <InAppNotificationContents />
         <DropdownItem divider />
         {/* TODO: Able to show all notifications by #79317 */}

packages/app/src/components/Navbar/GrowiNavbar.jsx

@@ -28,7 +28,7 @@ class GrowiNavbar extends React.Component {
 
     return (
       <>
-        <li>
+        <li className="grw-in-app-notification-dropdown nav-item dropdown dropdown-toggle dropdown-toggle-no-caret">
           <InAppNotificationDropdown />
         </li>