modified PostCarousel to use grid, among other things

frontend/components/PostCard.tsx

@@ -4,7 +4,7 @@ import { truncateString } from "../lib/truncate.ts";
 export const PostCard = function PostCard({ post }: { post: Post }) {
   return (
     <div class="p-6 bg-[#45475a] rounded-lg shadow-md transition-all duration-300 ease-in-out hover:shadow-xl hover:scale-105">
-      <a href={`${Deno.env.get("BASE_URI_WEB")}/posts/${post.post_id}`}>
+      <a href={`${Deno.env.get("BASE_URI_WEB")}/posts/${post.slug}`}>
         <h2 class="text-white text-lg font-bold mb-2">{post.title}</h2>
         <p class="text-white">
           Written by{" "}
@@ -30,4 +30,5 @@ export type Post = {
   title: string;
   body: string;
   created_at: string;
+  slug: string;
 };