Update BlogCard component styling and font family

Author: --global

package-lock.json

@@ -21,7 +21,10 @@ export default function BlogCard({
   });
 
   return (
-    <div className="bg-white rounded-2xl shadow-[2px_5px_15px_rgba(0,0,0,0.1)] dark:bg-zinc-800 lg:hover:-translate-y-1 lg:transition-all overflow-hidden">
+    <div
+      className="bg-white rounded-2xl shadow-[2px_5px_15px_rgba(0,0,0,0.1)] dark:bg-zinc-800 lg:hover:-translate-y-1 lg:transition-all overflow-hidden"
+      style={{ fontFamily: "Inter" }}
+    >
       <Image
         className="rounded-t-2xl object-cover w-full h-56 sm:h-64"
         src={coverImage.src}
@@ -41,7 +44,7 @@ export default function BlogCard({
           />
           <div className="text-sm text-gray-700 dark:text-gray-300">
             <p className="font-semibold">{author.name}</p>
-            <p className="text-xs font-light text-gray-600 dark:text-gray-400">
+            <p className="text-xs font-normal text-gray-600 dark:text-gray-400">
               {formattedDate}
             </p>
           </div>