Add Responsiveness to Whole Website (#103)

[dipexplorer]

Fixes #103

This PR makes the website responsive for mobile views across various pages.
Adjustments were made to ensure proper layout on the listing view page, home page, and login/signup pages.

Testing Instructions

• Pull this branch.
• Run npm install (if necessary).
• Test the website on various devices or screen sizes.
• Verify that the layout is responsive, ensuring no overflow or layout breakages.
• Check the listing view, home page, and login/signup pages to confirm mobile compatibility.

Screenshots (if applicable)

Uploading 17.10.2024_03.23.47_REC.mp4…

Checklist

• I have tested the responsiveness of the site on mobile views.
• I have performed a self-review of my code.
• No new warnings were introduced.
• I have followed the Contributing Guidelines.
• I'm a GSSOC'24 contributor

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
wanderlust-2024	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 16, 2024 10:17pm

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊