Make Blog Thumbnails and Author Images Dynamic in BlogCard Component

[suyashbhawsar]

File:
devops-dynamics-website/src/components/BlogCard.tsx

Issue Description:
Currently, the BlogCard component on the homepage has hardcoded images for the blog thumbnail (/placeholder.avif) and the author image (/user.jpeg). These need to be dynamically loaded from Supabase, similar to how the title, description, and author name are already being fetched.

Expected Behavior:

• Fetch the blog thumbnail dynamically from the image field in the blog data.
• Fetch the author image dynamically using the author_id, querying the relevant author details.
• Use default images if the thumbnail or author image is not available in the database.