feat: add demos of connection element to PL

Author: joekarasek

docs-site/src/pages/pattern-lab/_patterns/04-pages/80-micro-journeys/20-connection.twig

@@ -0,0 +1,10 @@
+<bolt-connection
+    connection-url="https://github.com/basaltinc/temp-pega-dummy-assets/raw/master/animated-bands-ltr.png"
+>
+  <bolt-animate idle="none" slot="top">
+    top
+  </bolt-animate>
+  <bolt-animate idle="pulse" slot="bottom">
+    bottom
+  </bolt-animate>
+</bolt-connection>

docs-site/src/pages/pattern-lab/_patterns/04-pages/80-micro-journeys/22-connection-w-editor.twig

@@ -0,0 +1,5 @@
+{% extends "./_editor-wrapper.twig" %}
+
+{% block content %}
+  {% include "./20-connection.twig" only %}
+{% endblock %}

docs-site/src/pages/pattern-lab/_patterns/04-pages/80-micro-journeys/_editor-wrapper.twig

@@ -0,0 +1,16 @@
+<div class="js-pega-editor">
+  <script class="js-pega-editor__config" type="application/json">
+    {
+      "styles": ["/build/bolt-global.css"],
+      "scripts": ["/build/bolt-global.js"]
+    }
+  </script>
+  <button class="js-pega-editor__trigger">Edit</button>
+  <div class="js-pega-editor__space">
+    {% block content %}
+      <bolt-placeholder>
+        Content to be edited goes here.
+      </bolt-placeholder>
+    {% endblock %}
+  </div>
+</div>