[BUG FIX] Styled footer properly for blog page.

[KalangiGeetaneha]

#859

Rationale for this change

The navbar and footer were previously not fully responsive, inconsistently styled across dark and light themes, and lacked proper alignment. This update ensures consistent branding, improved mobile responsiveness, and better user experience by refining layout, spacing, and styling.

What changes are included in this PR?

• Rewritten CSS for the footer with:
  • Responsive grid layout
  • Proper spacing and alignment
  • Dark mode compatibility
• Updated footer HTML with clean structure and accessible markup
• Improved newsletter form styling and layout
• Styled social icons with hover effects
• (Optional) JavaScript snippet added to auto-fill the current year in the footer
• Minor improvements to the navbar (e.g., spacing, color consistency)

Are these changes tested?

Yes, the changes have been manually tested in:

• Light and dark themes
• Desktop and mobile views
• Multiple modern browsers (Chrome, Firefox, Edge)

Are there any user-facing changes?

Yes:

• The footer now displays consistently across screen sizes
• Navigation and social links have improved interactivity and accessibility
• Better alignment and typography in both navbar and footer
• Enhanced visual hierarchy for newsletter section

[github-actions]

👋 Thank you for opening this Pull Request!

Your contribution is much appreciated. Our team will review it shortly.

🔎 In the meantime, please:

• Ensure all file changes are correct.
• Verify that your commits are clean and meaningful.
• Address any pending review comments if applicable.

We look forward to collaborating with you. 🚀