feat: refactor how blog cards layout, add metadata, better responsiveness

src/components/sections/CategorySection.astro

@@ -10,7 +10,7 @@ import { timeago } from '@support/time';
 const posts = await directus.request(
   readItems('posts', {
     filter: { published: { _eq: true } },
-    fields: ['*', 'category.slug'],
+    fields: ['*', { category: ['*'] }],
     sort: ['-published_date'],
   })
 );