Refactor tag page to use getCollection for improved data handling and update post properties for consistency

Author: brylie

src/pages/tags/[tag].astro

@@ -1,20 +1,19 @@
 ---
 import BaseLayout from "../../layouts/BaseLayout.astro";
 import BlogPostListItem from "../../components/BlogPostListItem.astro";
+import { getCollection } from "astro:content";
 
 export async function getStaticPaths() {
-  const allPosts = Object.values(
-    import.meta.glob("../../data/blog/*.md", { eager: true }),
-  );
-
-  const uniqueTags = [
-    ...new Set(allPosts.map((post: any) => post.frontmatter.tags).flat()),
-  ];
-
+  const allPosts = await getCollection("blog");
+  
+  // Get all unique tags
+  const uniqueTags = [...new Set(allPosts.flatMap(post => post.data.tags))];
+  
   return uniqueTags.map((tag) => {
-    const filteredPosts = allPosts.filter((post: any) =>
-      post.frontmatter.tags.includes(tag),
+    const filteredPosts = allPosts.filter((post) =>
+      post.data.tags.includes(tag)
     );
+    
     return {
       params: { tag },
       props: { posts: filteredPosts },
@@ -30,8 +29,12 @@ const { posts } = Astro.props;
   <p>Posts tagged with {tag}</p>
   <ul>
     {
-      posts.map((post: any) => (
-        <BlogPostListItem url={post.url} title={post.frontmatter.title} />
+      posts.map((post) => (
+        <BlogPostListItem 
+          url={`/posts/${post.data.slug}`}
+          title={post.data.title}
+          datePublished={post.data.formattedDate} 
+        />
       ))
     }
   </ul>