ui: Add documentation link to the Server Fault Tolerance panel (#12792)

ui/packages/consul-ui/app/styles/routes/dc/overview/serverstatus.scss

@@ -33,6 +33,11 @@ section[data-route='dc.show.serverstatus'] {
   border-bottom: var(--decor-border-100);
   border-color: rgb(var(--tone-border));
 }
+%server-failure-tolerance > header a {
+  float: right;
+  margin-top: 4px;
+  font-weight: var(--typo-weight-semibold);
+}
 %server-failure-tolerance header em {
   @extend %pill-200;
   font-size: 0.812rem; /* 13px */

ui/packages/consul-ui/app/templates/dc/show/serverstatus.hbs

@@ -87,6 +87,9 @@ as |item|}}
           >
 
             <header>
+              {{compute (fn route.t 'tolerance.link' (hash
+                htmlSafe=true
+              ))}}
               <h2>
                 {{compute (fn route.t 'tolerance.header')}}
               </h2>

ui/packages/consul-ui/translations/routes/en-us.yaml

@@ -5,6 +5,8 @@ dc:
       title: Server status
       unassigned: Unassigned Zones
       tolerance:
+        link: |
+          <a href="{CONSUL_DOCS_URL}/architecture/consensus" target="_blank" rel="noopener noreferrer">Learn more</a>
         header: Server fault tolerance
         immediate:
           header: Immediate
@@ -35,17 +37,17 @@ dc:
         body: |
           <ul>
             <li>
-              <a href="{CONSUL_DOCS_URL}/enterprise/license/faq#q-is-there-a-grace-period-when-licenses-expire">
+              <a href="{CONSUL_DOCS_URL}/enterprise/license/faq#q-is-there-a-grace-period-when-licenses-expire" target="_blank" rel="noopener noreferrer">
                 License expiration
               </a>
             </li>
             <li>
-              <a href="{CONSUL_DOCS_URL}/docs/enterprise/license/faq#q-how-can-i-renew-a-license">
+              <a href="{CONSUL_DOCS_URL}/docs/enterprise/license/faq#q-how-can-i-renew-a-license" target="_blank" rel="noopener noreferrer">
                 Renewing a license
               </a>
             </li>
             <li>
-              <a href="{CONSUL_DOCS_LEARN_URL}/tutorials/nomad/hashicorp-enterprise-license?in=consul/enterprise">
+              <a href="{CONSUL_DOCS_LEARN_URL}/tutorials/nomad/hashicorp-enterprise-license?in=consul/enterprise" target="_blank" rel="noopener noreferrer">
                 Applying a new license
               </a>
             </li>