Add beta status to destination info (#2587)

Author: markzegarelli

src/_includes/content/destination-dossier.html

@@ -34,8 +34,9 @@
   <div class="qi-content">
 <h6>Destination Info</h6>
 <ul class="qi">
-  {% if destMethods.size > 0 %}<li>Accepts {% for method in destMethods%}{% if destMethods.size == 1 %}{{method}} calls.{% else %}{% unless forloop.last == true %}{{method}}, {% endunless %}{% if forloop.last == true%}and {{method}} calls.{%endif%}{% endif %}{% endfor %}</li>{% endif %}
+  {% if destMethods.size > 0 %}<li>Accepts {% for method in destMethods%}{% if destMethods.size == 1 %}{{method}} calls.{% else %}{% unless forloop.last == true %}{{method}}, {% endunless %}{% if forloop.last == true%}and {{method}} calls{%endif%}{% endif %}{% endfor %}</li>{% endif %}
   <li>Referred to as <strong>{{destinationInfo.previous_names | join: '</strong>, or <strong>' }}</strong> in the <a href="/docs/guides/filtering-data/#filtering-with-the-integrations-object">Integrations object</a></li>
+  {% if destinationInfo.status == "PUBLIC_BETA" %}<li>This destination is in <span class="release-pill">Beta</span></li>{% endif %}
 </ul>
 {% if components.size > 0%}
 

src/_sass/components/_quickinfo.scss

@@ -10,6 +10,16 @@
     padding: 10px;
   }
 
+  .release-pill {
+    background-color:#E7E4F9;
+    color: #6E62B6;
+    text-transform: uppercase;
+    font-weight: 600;
+    padding: 0px 6px;
+    border-radius: 4px
+
+  }
+
   @include breakpoint(small down)  {
     max-width: 100%;
     float: none;
@@ -55,7 +65,7 @@
     font-size: 14px;
     line-height: 24px;
   }
-  ul li:first-of-type {
+  ul li:not(:last-of-type) {
     margin-bottom: 16px;
   }
   ul li:before{