Add linkedinUrl support to BlogCardOne

src/components/sections/blog/BlogCardOne.tsx

@@ -7,10 +7,10 @@ import Badge from "@/components/shared/Badge";
 import OverlayArrowButton from "@/components/shared/OverlayArrowButton";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
+import { LinkedIn } from "lucide-react";
 import type { LucideIcon } from "lucide-react";
 import type { ButtonConfig, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
-import { Instagram } from "lucide-react";
 
 type BlogCard = {
     id: string;
@@ -103,9 +103,6 @@ const BlogCardItem = memo(({
             aria-label={`${blog.title} by ${blog.authorName}`}
         >
             <div className={cls("relative z-1 w-full aspect-[4/3] overflow-hidden rounded-theme-capped", imageWrapperClassName)}>
-                <div className="absolute left-2 top-2">
-                    <Instagram className="w-6 h-6 text-white hover:blur-sm" />
-                </div>
                 <Image
                     src={blog.imageSrc}
                     alt={blog.imageAlt || blog.title}
@@ -141,6 +138,11 @@ const BlogCardItem = memo(({
                     <div className="flex flex-col">
                         <p className={cls("text-sm font-medium", shouldUseLightText ? "text-background" : "text-foreground", authorNameClassName)}>
                             {blog.authorName}
+                            {blog.linkedinUrl && (
+                                <a href={blog.linkedinUrl} target="_blank" rel="noopener noreferrer" className="ml-1">
+                                    <LinkedIn size={16} />
+                                </a>
+                            )}
                         </p>
                         <p className={cls("text-xs", shouldUseLightText ? "text-background/75" : "text-foreground/75", dateClassName)}>
                             {blog.date}