🎨 Standardise Tailwind CSS class order

layouts/shortcodes/alert.html

@@ -1,5 +1,5 @@
 <div class="flex px-4 py-3 rounded-md bg-primary-100 dark:bg-primary-900">
-  <span class="ltr:pr-3 rtl:pl-3 text-primary-400">
+  <span class="text-primary-400 ltr:pr-3 rtl:pl-3">
     {{ partial "icon.html" (.Get 0 | default "triangle-exclamation") }}
   </span>
   <span class="dark:text-neutral-300">

layouts/shortcodes/button.html

@@ -1,5 +1,5 @@
 <a
-  class="px-4 py-2 !text-neutral !no-underline !rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
+  class="!rounded-md bg-primary-600 px-4 py-2 !text-neutral !no-underline hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
   {{ with .Get "href" }}href="{{ . }}"{{ end }}
   {{ with .Get "target" }}target="{{ . }}"{{ end }}
   role="button"

layouts/shortcodes/figure.html

@@ -41,4 +41,4 @@
       </figure>
     {{ end }}
   {{ end }}
-{{ end }}
+{{ end }}

layouts/shortcodes/lead.html

@@ -1,3 +1,3 @@
-<div class="!mb-9 text-xl lead">
+<div class="lead !mb-9 text-xl">
   {{ .Inner | markdownify }}
 </div>