refactor: login popup

Author: abose

src/services/html/profile-popup.html

@@ -8,12 +8,12 @@
                 <div class="user-name"><secure-name></secure-name></div>
                 <div class="user-email"><secure-email></secure-email></div>
                 <iframe id="user-details-frame" class="user-details-iframe" style="display: none; padding: 0; border: none; background: transparent; width: 100%; height: auto; overflow: hidden;" scrolling="no"></iframe>
-                <div class="{{planClass}}">{{planName}}</div>
+                <div class="user-plan-name {{planClass}}">{{planName}}</div>
             </div>
         </div>
     </div>
     <div class="popup-body">
-        <div class="quota-section">
+        <div class="profile-section">
             <div class="quota-header">
                 <span>{{Strings.AI_QUOTA_USED}}</span>
                 <span>{{quotaUsed}} / {{quotaTotal}} {{quotaUnit}}</span>

src/styles/UserProfile.less

@@ -73,7 +73,7 @@
         font-size: 12px;
     }
 
-    .quota-section {
+    .profile-section {
         margin-bottom: 20px;
     }