BUG: Responsiveness of the main page

### Is there an existing issue for this?

- [X] I have searched the existing issues

### What happened?

The main page of the application is not fully responsive, leading to layout issues and poor user experience on various devices, especially on mobile and tablet screens. The page needs to be redesigned and optimized to ensure it adapts smoothly to different screen sizes.

Please assign this issue to me. I will work on making the main page fully responsive, ensuring it provides an optimal user experience across all devices.

### Record

- [X] I agree to follow this project's Code of Conduct
- [X] I'm a GSSOC'24 contributor
- [X] I want to work on this issue