feat: Improve Blog List Footer UX: "Read More" Button & Tag Alignment

[NirajDN]

Solved issue #959

Description of Change

This PR improves the UX of the blog list page by making the "Read More" action more prominent and discoverable.

Specific changes:

• Primary Action: Converted the "Read More" text link into a styled primary button and moved it to the left side of the footer.
• Layout Alignment: Re-aligned the blog post tags to the right side to balance the footer layout.
• Scoped Styling: Implemented these changes using scoped CSS within .blog-list-page to ensure that individual blog post pages and the sidebar remain unaffected.

This addresses the issue where the "Read More" link was hard to discover as a secondary right-aligned text element.

Checklist

• This PR was not created with AI. (PRs created mainly with AI will be closed. They waste our team's time. We ban repeat offenders.)

BEFORE

AFTER