fix: update tag lists to use cluster layout

src/content/catalogue/catalogueType.html

@@ -14,7 +14,7 @@ eleventyComputed:
 
 <h1>{{ type | pluralize | capitalize }}</h1>
 {% set catalogueTypes = collections.catalogueByType | keys %}
-<ul class="[ flex list-none gap-0.5 p-0 ]">
+<ul class="[ cluster list-none p-0 ]" style="--gap: var(--spacing-0\.5)">
     {% for type in catalogueTypes %}
         <li>
             <a class="[ pill ] [ flex px-1 py-0.5 gap-0.5 ]"

src/content/pages/catalogue.html

@@ -8,7 +8,7 @@ title: Catalogue
 <p>A collection of my thoughts on various forms of media that I consume.</p>
 {% set items = collections.catalogue %}
 {% set catalogueTypes = collections.catalogueByType | keys %}
-<ul class="[ flex list-none gap-0.5 p-0 ]">
+<ul class="[ cluster list-none p-0 ]" style="--gap: 0.5rem">
     {% for type in catalogueTypes %}
         <li>
             <a class="[ pill ] [ flex px-1 py-0.5 gap-0.5 ]"

src/content/pages/tags.html

@@ -7,7 +7,7 @@ title: All tags
 {% set tags = collections.post | allTagCounts %}
 <section class="[ flow ]">
     <h1>{{ title }}</h1>
-    <ol class="[ flex flex-wrap gap-0.5 list-none p-0 mb-0 ]">
+    <ol class="[ cluster list-none p-0 ]" style="--gap: var(--spacing-0\.5)">
         {% for tag in tags %}
             <li>
                 <a href="/tags/{{ tag.tag | slugify }}"