Add smooth hover transitions to navbar interactive elements

[garrettsiegel]

Added smooth hover transitions to interactive elements in the Navbar for a more polished user experience.

Changes

• Social links: Added transition-opacity duration-300 ease-in-out for smooth opacity hover effects
• Theme toggle: Added duration-300 ease-in-out to existing transition for consistent timing
• Login button: Added transition-opacity duration-300 ease-in-out for smooth opacity hover effect

Motivation
While using the site, I noticed the hover states felt abrupt. These transitions make the interactions feel more refined and consistent with modern UI expectations.

Additional improvement
Refactored social links from repetitive individual tags into a data-driven map for cleaner, more maintainable code.

[netlify]

👷 Deploy request for tanstack pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	0259cd6