Update Styling, Make Pages Responsive, Fix DataGrid, and Correct Date Availability Logic

[Rucha-Ambaliya]

Description

This issue addresses the following updates and fixes:

1. Styling Updates:

   • Improve styling to ensure consistency and better user experience.

2. Responsive Pages:

   • Make each page responsive to provide an optimal user experience across devices.

3. DataGrid Fixes:

   • Resolve issues related to the DataGrid element, including alignment and data rendering problems.

4. Fix Date Availability Logic:

   • Update the logic to properly handle unavailable time slots:
     • Previously, once a time slot was selected, it was marked unavailable every day.
     • Now, time slots are marked unavailable only for the current day, reflecting the correct status for each day.

Screenshots

No response

Checklist

• I have checked the existing issues.
• I follow Contributing Guidelines of this project
• I am a SWOC'25 contributor.
• I am a KWOC'24 contributor.
• I am a DWOC'25 contributor.
• I am a IWOC'25 contributor.

Code of Conduct

• I agree to follow this project "Code of Conduct"

[github-actions]

Hey @Rucha-Ambaliya, Welcome to 💖TelMedSphere !!! 🎊
Thanks for opening an issue! 🙌 Please wait for the issue to get reviewed. If it is relevant, it will get assigned to you.
Happy Coding !!! ✨

[github-actions]

Hello @Rucha-Ambaliya! Your issue #204 has been closed.
Thank you for your interest in 💖TelMedSphere !!! 🙌