Simplify profile dropdown (#4768)

app/assets/stylesheets/application.bootstrap.scss

@@ -211,21 +211,25 @@ input.search-bar {
 }
 
 #nav-user-dropdown {
-  padding: 6px;
+  padding: 6px 0px 6px 6px;
   border-radius: $border-radius;
+
   &:hover {
-    color: var(--brand-color);
-    background-color: var(--brand-color-light);
+    background-color: white;
+    color: black !important;
   }
   &:active {
-    background-color: var(--brand-color-light) !important;
+    background-color: white !important;
   }
   &:focus {
-    background-color: var(--brand-color-light) !important;
+    background-color: white !important;
   }
   &::after {
     display: none;
   }
+  #chevron-profile {
+    padding-top: 2px;
+  }
 }
 
 .dropdown-menu.show {

app/javascript/components/home/NavbarSignedIn.jsx

@@ -73,8 +73,8 @@ export default function NavbarSignedIn({ currentUser }) {
           title={(
             <Stack direction="horizontal" gap={2}>
               <Avatar avatar={currentUser?.avatar} size="small" />
-              <span className="text-brand ms-1">{currentUser?.name}</span>
-              <ChevronDownIcon className="hi-s text-muted" />
+              <span className="ms-1">{currentUser?.name}</span>
+              <ChevronDownIcon id="chevron-profile" className="hi-s text-muted" />
             </Stack>
           )}
           id="nav-user-dropdown"