feat: updated blog content and blog detail component

components/blog-content.tsx

@@ -106,7 +106,7 @@ export function BlogContent({ data }: BlogContentProps) {
                 date={post.date}
                 readTime={post.readTime}
                 href={post.href}
-                className="rounded-sm border-border"
+                className="rounded-sm border-border [&_h3]:line-clamp-2 [&_h3]:min-h-[2.5rem]"
                 author={{ name: post.author, avatar: "/logo/logo.jpeg" }}
               />
             ))}

components/blog-detail-content.tsx

@@ -123,10 +123,9 @@ export function BlogDetailContent({ post }: BlogDetailContentProps) {
           </header>
 
           <Card className="relative aspect-[16/8] overflow-hidden rounded-sm border-border">
-            <Image
+            <img
               src={post.coverImage}
               alt={post.title}
-              fill
               sizes="(max-width: 768px) 100vw, 50vw"
               className="object-cover"
             />