chore: merge in comment mentions as webmention replies; show some mention links

src/_includes/partials/webmentions/comments.liquid

@@ -1,6 +1,6 @@
 {% if mentions['in-reply-to'].size > 0 %}
   <h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Comments</h2>
-  <div class="mt-4 flex flex-col items-center not-prose">
+  <div class="mt-4 mb-4 flex flex-col items-center not-prose">
     {% for mention in mentions['in-reply-to'] %}
       <div class="border-bottom flex flex-row items-center border-gray-100 pb-4 w-full">
         <a class="text-gray-700 dark:text-gray-200 group flex flex-row space-between items-center" href={{mention.url}}>

src/_includes/partials/webmentions/container.liquid

@@ -4,5 +4,6 @@
     {% render "partials/webmentions/interaction.liquid", mentions: mentions, type: 'repost-of' %}
     {% render "partials/webmentions/interaction.liquid", mentions: mentions, type: 'like-of' %}
     {% render "partials/webmentions/comments.liquid", mentions: mentions %}
+    {% render "partials/webmentions/links.liquid", mentions: mentions %}
   </div>
 {% endif %}

src/_includes/partials/webmentions/links.liquid

@@ -0,0 +1,14 @@
+{% if mentions['link-to'].size > 0 %}
+  <h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Links</h2>
+  <div class="mt-2.5 flex flex-col not-prose">
+    <ul class="list-inside list-disc pl-5 md:pl-10">
+      {% for mention in mentions['link-to'] %}
+        <li class="mt-1.5 mb-2">
+          <a href="{{ mention.url }}" class="text-blue-500 hover:text-blue-600 dark:text-blue-400 dark:hover:text-blue-300">
+            {{ mention.name }}
+          </a>
+        </li>
+      {% endfor %}
+    </ul>
+  </div>
+{% endif %}