chore: dry up webmentions

src/_includes/partials/webmentions/interaction.liquid

@@ -0,0 +1,21 @@
+{%- capture title %}
+  {% if type == 'repost-of' %}
+    Reposts
+  {% elsif type == 'like-of' %}
+    Likes
+  {% endif %}
+{% endcapture -%}
+{% if mentions[type].size > 0 %}
+  <h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">{{ title }}</h2>
+  <div class="flex flex-row items-center mt-4 mb-6">
+    <ul class="ml-3 flex flex-row flex-wrap">
+      {% for mention in mentions[type] %}
+        <li class="-ml-3 inline">
+          <a href={{mention.url}}>
+            {% image mention.author.photo, mention.author.name, 'bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-pink-500 dark:hover:border-pink-500', '56px' %}
+          </a>
+        </li>
+      {% endfor %}
+    </ul>
+  </div>
+{% endif %}