fix: Add missing key prop to reaction buttons in ArticleReaction and ArticleCard components

Author: kingRayhan

src/app/[username]/[articleHandle]/_components/ArticleReaction.tsx

@@ -18,6 +18,7 @@ const ArticleReaction: React.FC<Props> = ({ article_id }) => {
           <div className="flex gap-1">
             {reactions.map((r) => (
               <button
+                key={r.reaction_type}
                 className={clsx(
                   "px-2 py-1 flex gap-1 cursor-pointer rounded-sm hover:bg-primary/20",
                   { "bg-primary/20": r.is_reacted }

src/components/ArticleCard.tsx

@@ -121,6 +121,7 @@ const ArticleCard = ({
               <div className="flex gap-1">
                 {reactions.map((r) => (
                   <button
+                    key={r.reaction_type}
                     className={clsx(
                       "px-2 py-1 flex gap-1 cursor-pointer rounded-sm hover:bg-primary/20",
                       { "bg-primary/20": r.is_reacted }