chore: update styles for profile popup

Author: abose

src/styles/UserProfile.less

@@ -11,6 +11,39 @@
     z-index: @z-index-brackets-context-menu-base;
     transform-origin: 0 0;
 
+    .popup-header-row {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+    .popup-close-btn {
+        width: 24px;
+        height: 24px;
+        padding: 0;
+        background: none;
+        border: none;
+        border-radius: @bc-border-radius;
+        cursor: pointer;
+        color: @bc-text-medium;
+        font-size: 14px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: color 0.2s ease, background-color 0.2s ease;
+        flex-shrink: 0;
+
+        &:hover {
+            color: @bc-text-emphasized;
+            background-color: @bc-btn-bg;
+        }
+
+        &:focus {
+            outline: none;
+            box-shadow: 0 0 0 2px @bc-btn-border-focused;
+        }
+    }
+
     .popup-header {
         padding: 12px 15px;
         border-bottom: 1px solid @bc-menu-separator;
@@ -204,6 +237,19 @@
     color: @dark-bc-menu-text;
     box-shadow: 0 3px 9px @dark-bc-shadow;
 
+    .popup-close-btn {
+        color: @dark-bc-text-thin-quiet;
+
+        &:hover {
+            color: @dark-bc-text;
+            background-color: @dark-bc-btn-bg;
+        }
+
+        &:focus {
+            box-shadow: 0 0 0 2px @dark-bc-btn-border-focused;
+        }
+    }
+
     .popup-header {
         border-bottom: 1px solid @dark-bc-menu-separator;
     }

tracking-repos.json

@@ -1,5 +1,5 @@
 {
   "phoenixPro": {
-    "commitID": "d72beedc81737f4b408ada7eb37f38b8bff94a6e"
+    "commitID": "4bd026a988a27bcdd1a7d821e77d9b57aba27204"
   }
 }