chore: add a check login status button on login otp screen

Author: abose

src/nls/root/strings.js

@@ -1586,5 +1586,6 @@ define({
     "CONTACT_SUPPORT": "Contact support",
     "SIGN_OUT": "Sign out",
     "ACCOUNT_DETAILS": "Account Details",
-    "AI_QUOTA_USED": "AI quota used"
+    "AI_QUOTA_USED": "AI quota used",
+    "LOGIN_REFRESH": "Check Login Status"
 });

src/services/html/otp-dialog.html

@@ -12,6 +12,9 @@ <h1 class="dialog-title">{{Strings.VALIDATION_CODE_TITLE}}</h1>
         </div>
     </div>
     <div class="modal-footer">
+        <div class="left">
+            <button class="btn" data-button-id="refresh">{{Strings.LOGIN_REFRESH}}</button>
+        </div>
         <button class="btn" data-button-id="cancel">{{Strings.CANCEL}}</button>
         <button class="btn primary" data-button-id="open">{{Strings.OPEN_SIGN_IN_URL}}</button>
     </div>

src/services/login.js

@@ -269,8 +269,12 @@ define(function (require, exports, module) {
         $template.on('click', '[data-button-id="cancel"]', function() {
             dialog.close();
         });
+        $template.on('click', '[data-button-id="refresh"]', function() {
+            checkLoginStatus();
+        });
 
         let checking = false, checkAgain = false;
+        // never rejects
         async function checkLoginStatus() {
             if(checking) {
                 checkAgain = true;