[Bug]: Make Graph Points responsive

[Shahbaz898414]

Is there an existing issue for this?

• [X] I have searched the existing issues

Describe the bug

On mobile devices, the index labels on the graph (Hours of the Day) are too close to each other, making it difficult to read the data properly. The labels should have appropriate margins to improve readability.

Expected behavior

The graph labels should have appropriate margins on mobile devices to ensure that the data is readable.

Add ScreenShots

On which device are you experiencing this bug?

Android, iPhone

Record

• [X] I have read the Contributing Guidelines
• [X] I'm a GSSOC'24 contributor
• [X] I have starred the repository

[ashutosh-rath02]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

[Shahbaz898414]

@ashutosh-rath02 Can you assign me ?

[ashutosh-rath02]

Make them responsive and adjust colors for light screen. You have some previous assigned PR, please resolve them first