Added article section with updated card component layout using tailwind css

[Heykcer]

Summary

This PR introduces a new article-section folder containing a reusable ArticleCard component for displaying articles to users.

Changes

• Card.jsx → React component to render article cards.

Purpose

The Card component will be used to display articles in a visually appealing card format whenever users visit the site. This helps improve UI consistency and user experience.

Issue

Fixes #20

Notes

• The component is designed to be reusable and easily extendable.
• Tested locally to ensure proper rendering of article cards.
• Buttons (like, dislike, bookmark, share) are placeholders and currently non-functional; functionality will be implemented later.
• An earlier PR was created, but something went wrong during the enhancement. This PR replaces it with the updated UI and all the requirements as requested earlier.

[vercel]

@Heykcer is attempting to deploy a commit to the notshrirang's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Heykcer]

@NotShrirang Please review

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
hackerblog	Ready	Preview	Comment	Oct 6, 2025 3:34pm

[NotShrirang]

"Hey, great progress! Just a few things before we merge:

1. Avoid hardcoding values directly in the component file. Let's make them props.
2. The Card component should accept props like "title", "description", "author", and "date" for better reusability.
3. Instead of embedding the Card component directly, consider creating an ArticleSuggestion component that maps over the articles array and displays the cards in a row on the landing page.

I have added comments. Once these changes are made, it should be good to go. Let me know if you need any clarification!"

[Heykcer]

@NotShrirang review the changes