added pagination to a given authors page

frontend/components/PostCard.tsx

@@ -4,7 +4,7 @@ import { Post } from "../types/index.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">
+    <div class="p-6 bg-[#45475a] rounded-lg shadow-xl 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}`}>
         <h2 class="text-white text-lg font-bold mb-2">{post.title}</h2>
         <p class="text-white">
@@ -17,7 +17,7 @@ export const PostCard = function PostCard({ post }: { post: Post }) {
           </a>{" "}
           at {convertUtc(post.created_at)}
         </p>
-        <p class="text-gray-400">{truncateString(post.body, 15)}</p>
+        <p class="text-gray-400">{truncateString(post.body, 30)}</p>
       </a>
     </div>
   );