refactor(alpine): restructure components and remove unused utilities for better modularity and maintainability

templates/modules/post-card.html

@@ -0,0 +1,33 @@
+<article
+  class="devcm-post-card"
+  th:fragment="post-card (post, featured)"
+  th:classappend="${featured} ? ' devcm-post-card--featured' : ''"
+>
+  <h2 class="devcm-post-card__title">
+    <a th:href="${post.status.permalink}" th:text="${post.spec.title}">Post Title</a>
+    <span class="devcm-badge" th:if="${featured}" th:text="#{devcm.post.featured}">FEATURED</span>
+  </h2>
+  <div class="devcm-post-card__meta">
+    <span th:text="${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}">2026-01-01</span>
+    <span
+      th:if="${post.contributors != null and !#lists.isEmpty(post.contributors)}"
+      th:with="contributor = ${post.contributors[0]}"
+      th:text="${contributor.displayName}"
+    >
+      Author
+    </span>
+    <a
+      class="devcm-post-card__tag"
+      th:each="tag : ${post.tags}"
+      th:href="${tag.status.permalink}"
+      th:title="${tag.spec.displayName}"
+      th:text="'#' + ${tag.spec.displayName}"
+    >
+      #tag
+    </a>
+  </div>
+  <p class="devcm-post-card__excerpt" th:text="${post.status.excerpt}">Post excerpt...</p>
+  <a class="devcm-read-more" th:href="${post.status.permalink}"
+    ><span th:text="#{devcm.post.readMore}">Read more</span> <span aria-hidden="true">→</span></a
+  >
+</article>