Adding sync with imported parts

app/templates/admin/_augmented_parts_table.html

@@ -1,4 +1,11 @@
-<div id="augmented-part-list" class="card">
+<div id="augmented-part-list">
+{% if sync_result %}
+  <p class="alert alert-success">{{ sync_result }}</p>
+{% endif %}
+{% if sync_error %}
+  <p class="alert alert-error">{{ sync_error }}</p>
+{% endif %}
+<div class="card">
   <table class="table">
     <thead>
       <tr>
@@ -22,3 +29,4 @@
     </tbody>
   </table>
 </div>
+</div>

app/templates/admin/augmented_parts.html

@@ -54,6 +54,14 @@
     </form>
   </div>
 
+  <div class="card">
+    <h2>Sync with Imported Parts</h2>
+    <p class="muted">Creates Augmented Part entries for new Imported Parts, and removes entries for deleted Imported Parts.</p>
+    <form hx-post="/admin/augmented-parts/sync" hx-target="#augmented-part-list" hx-swap="outerHTML">
+      <button type="submit" class="btn btn-primary">Sync now</button>
+    </form>
+  </div>
+
   {% include "admin/_augmented_parts_table.html" %}
 </main>
 {% endblock %}