Refactor tag page layout for improved readability and maintainability

Author: brylie

src/pages/tags/index.astro

@@ -8,7 +8,6 @@ const tags = [
 ];
 const pageTitle = "Tag Index";
 ---
-
 <BaseLayout pageTitle={pageTitle}>
   <div class="tags flex justify-center items-center flex-wrap">
     {
@@ -19,23 +18,24 @@ const pageTitle = "Tag Index";
       ))
     }
   </div>
-</BaseLayout>
-<style>
-  a {
-    color: #00539f;
-  }
 
-  .tags {
-    display: flex;
-    flex-wrap: wrap;
-  }
+  <style>
+    a {
+      color: #00539f;
+    }
 
-  .tag {
-    margin: 0.25em;
-    border: dotted 1px #a1a1a1;
-    border-radius: 0.5em;
-    padding: 0.5em 1em;
-    font-size: 1.15em;
-    background-color: #f8fcfd;
-  }
-</style>
+    .tags {
+      display: flex;
+      flex-wrap: wrap;
+    }
+
+    .tag {
+      margin: 0.25em;
+      border: dotted 1px #a1a1a1;
+      border-radius: 0.5em;
+      padding: 0.5em 1em;
+      font-size: 1.15em;
+      background-color: #f8fcfd;
+    }
+  </style>
+</BaseLayout>