[Feature]: UI Alignment and Toggle Button Issues in Scheduling Section

[pavansaiteja18]

Description:
The scheduling section has UI inconsistencies and potential functional issues that affect user experience. In the "Connect your calendar" card, the icons appear slightly misaligned, which disrupts the visual hierarchy. In the "Set your availability" card, the toggle buttons may not function correctly—some fail to activate, while others do not retain user preferences after selection. Additionally, the text contrast in certain areas is relatively low, which could impact readability, especially for users with visual impairments.

Solution:
Fix UI Alignment: Adjust the placement of icons in the "Connect your calendar" card to maintain a consistent and visually appealing layout.
Improve Toggle Button Functionality: Ensure that all toggle buttons work as expected, properly enabling/disabling time slots and saving user selections reliably.
Enhance Text Contrast: Increase contrast where necessary to improve readability and ensure accessibility compliance.
General UI Improvements: Maintain consistent spacing, typography, and interactive elements for a seamless user experience.

Additional Context:
This issue was observed in the scheduling section of the platform. A screenshot is attached for reference. Addressing these issues will improve usability and accessibility, ensuring a smoother experience for users setting up their availability.