fix: improve WhatsApp floating button sizing and positioning

[Dhruvdevel]

🐛 Fix: Improve WhatsApp Floating Button UI and Related Floating Actions

Description

This PR fixes the WhatsApp floating action button UI issues by improving its sizing, positioning, and responsiveness across different screen sizes.

During implementation, I also identified and fixed a related styling issue affecting the Back-to-Top button, ensuring both floating action buttons maintain a consistent appearance and alignment.

Changes Made

• Fixed CSS issues preventing the WhatsApp floating button styles from being applied correctly.
• Adjusted the WhatsApp button size for better visual balance.
• Improved positioning to keep the button fully visible and accessible.
• Enhanced responsiveness across desktop and mobile devices.
• Corrected the Back-to-Top button styling and alignment for a more consistent user experience.
• Cleaned up related CSS to ensure proper rendering of floating action buttons.

Testing

• Verified appearance on desktop screens.
• Tested responsiveness on mobile viewports.
• Confirmed that the WhatsApp button opens the correct WhatsApp link.
• Confirmed that the Back-to-Top button remains fully functional.
• Checked that both buttons display correctly without overlapping content.

Before

• WhatsApp button appeared oversized and improperly styled/positioned.
• Back-to-Top button had inconsistent appearance.

After

• WhatsApp button displays at an appropriate size and position.
• Back-to-Top button has consistent styling and alignment.
• Both floating action buttons provide a cleaner and more accessible user experience.

Screenshots

Attached before/after screenshots demonstrating the UI improvements.

Closes #657

[vercel]

@Dhruvdevel is attempting to deploy a commit to the adithyansubramani1-1657's projects Team on Vercel.

A member of the Team first needs to authorize it.