Wrap form metadata in accordion for legibility

templates/add.html

@@ -1,3 +1,5 @@
+{% import 'macro/accordion.html' as accordion %}
+
 {% extends 'base.html' %}
 
 {% block title %} - {% if not bulk %}Add a set{% else %}Bulk add sets{% endif %}{% endblock %}
@@ -33,8 +35,10 @@
               Add without confirmation
             </label>
           </div>
+          <h6 class="border-bottom mt-2">Metadata</h6>
+          <div class="accordion accordion" id="metadata">
             {% if brickset_owners | length %}
-            <h5 class="border-bottom mt-2">Owners</h5>
+              {{ accordion.header('Owners', 'owners', 'metadata', icon='user-line') }}
               <div id="add-owners">
               {% for owner in brickset_owners %}
                 {% with id=owner.as_dataset() %}
@@ -45,9 +49,10 @@
                 {% endwith %}
               {% endfor %}
               </div>
+              {{ accordion.footer() }}
             {% endif %}
             {% if brickset_tags | length %}
-            <h5 class="border-bottom mt-2">Tags</h5>
+              {{ accordion.header('Tags', 'tags', 'metadata', icon='price-tag-2-line') }}
               <div id="add-tags">
               {% for tag in brickset_tags %}
                 {% with id=tag.as_dataset() %}
@@ -58,7 +63,9 @@
                 {% endwith %}
               {% endfor %}
               </div>
+              {{ accordion.footer() }}
             {% endif %}
+          </div>
           <hr>
           <div class="mb-3">
             <p>