🚀 Feature: Improve Mobile Responsiveness for Home Page

[varundhand]

🔖 Feature description

Currently, when users access the home page of the DocsGPT website via mobile devices, the users need to scroll down in order to access the input field, which is highly inconvenient.

Hence, this issue aims to enhance the mobile responsiveness of the home page, ensuring that users can instantly input their queries without the need for unnecessary scrolling.

🎤 Why is this feature needed ?

The users need to scroll down in order to access the input field:

https://github.com/arc53/DocsGPT/assets/110025628/cdee8d26-0f96-48b9-8b81-a5307d2556c8

✌️ How do you aim to achieve this?

- Mobile-Responsive Classes: I utilised Tailwind CSS classes to make various page elements adapt seamlessly to different screen sizes.

- JavaScript Conditional Rendering: To detect the user's screen width dynamically, I implemented conditional rendering using JavaScript and the window.innerWidth property.

🔄️ Additional Information

The corrected version would look somewhat like this:

👀 Have you spent some time to check if this feature request has been raised before?

• [X] I checked and didn't find similar issue

Are you willing to submit PR?

Yes I am willing to submit a PR!

[Vaibhav91one]

Is this issue still open @dartpain . I would like to be assigned.

[dartpain]

@varundhand nearly finished his PR