Fix: Remove duplicate flex wrapper and add TypeScript types

Co-authored-by: Calinator444 <65635198+Calinator444@users.noreply.github.com>

Author: Copilot

components/articles/articleAuthor.tsx

@@ -16,7 +16,7 @@ const ArticleAuthor = ({
   url,
 }: ArticleAuthorProps) => {
   return (
-    <div className="flex flex-row items-center gap-2 py-1">
+    <>
       {image && (
         <Image
           src={image}
@@ -42,7 +42,7 @@ const ArticleAuthor = ({
           <div className="text-sm uppercase text-gray-500">{position}</div>
         </>
       )}
-    </div>
+    </>
   );
 };
 

components/articles/articleCard.tsx

@@ -40,14 +40,23 @@ const ArticleCard = ({ data }: ArticleCardProps) => {
   );
 };
 
+type ArticleCardContentProps = {
+  title: string;
+  body: string;
+  userName: string | null;
+  userImage: string | null;
+  userPosition: string | null;
+  publishedDate?: string;
+};
+
 const ArticleCardContent = ({
   title,
   body,
   userName,
   userImage,
   userPosition,
   publishedDate,
-}) => {
+}: ArticleCardContentProps) => {
   return (
     <div className="size-full bg-white">
       <div>