[cros login, new GAIA] New UI for not authorized error

chrome/browser/resources/chromeos/login/screen_gaia_signin.html

 <div class="step right hidden" id="gaia-signin" role="group"
     aria-live="polite" hidden>
   <div class="step-contents">
     <div id="gaia-signin-form-container">
         <div id="login-box"><!-- Aligned with the login box in iframe --></div>
         <iframe id="signin-frame" name="signin-frame" hidden
           src="about:blank"
           marginwidth="0"
           marginheight="0"
           frameborder="0"
@@ skipping 12 matching lines @@
         </div>
         <div id="createSupervisedUserLinkPlaceholder"></div>
         <div id="createSupervisedUserNoManagerText" hidden></div>
       </div>
       <div id="consumerManagementEnrollment" class="signin-text"></div>
     </div>
   </div>
   <div id="gaia-loading" class="step-loading">
     <div class="throbber"></div>
   </div>
+  <gaia-whitelist-error
+      i18n-values="errorMsg:whitelistErrorConsumer;
+                   enterpriseErrorMsg:whitelistErrorEnterprise;
+                   tryAgainBtn:tryAgainButton;
+                   learnMoreBtn:learnMoreButton"
+      id="gaia-whitelist-error">
+  </gaia-whitelist-error>
   <div id="enterprise-info-container" hidden>
     <include src="enterprise_info.html">
   </div>
   <div id="saml-notice-container" hidden>
     <span id="saml-notice-message"></span>
   </div>
   <button id="back-button-item" class="custom-appearance" hidden
       i18n-values="aria-label:backButton" tabindex="0"></button>
   <button id="close-button-item" class="custom-appearance" hidden
       i18n-values="aria-label:closeButton" tabindex="0"></button>
 </div>