Fix footer alignment and add hover underline effect

[parthupadhyaya]

Related Issue

Closes: #326

Description

This PR fixes the footer alignment and adds a hover underline effect to the social media links.

• Improved spacing/alignment between "Follow us on" text and icons.
• Added a custom hover underline that works consistently across icons.
• Keeps icons balanced while maintaining responsiveness.

Screenshots

Before:
(misaligned underline + icons skewed)

After:
(underline aligns properly, icons remain consistent)

Checklist

• My code adheres to the established style guidelines of the project.
• I have included comments in areas that may be difficult to understand.
• My changes have not introduced any new warnings.
• I have conducted a self-review of my code.

[vercel]

@parthupadhyaya is attempting to deploy a commit to the akshitagupta15june's projects Team on Vercel.

A member of the Team first needs to authorize it.