Fixed chatbot for mobile screen and fixed Navbar at top

[Utsavladia]

Related Issue

[Cite any related issue(s) this pull request addresses. If none, simply state "None”]
Issue no:
#540
#541

Description

[Please include a brief description of the changes or features added]
Fixed the Nabvar at top while scrolling to enhance the user experience.
Fixed the sizing of Chatbot on mobile screen to be used properly.

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Screenshots / videos (if applicable)

[Attach any relevant screenshots or videos demonstrating the changes]
Navbar is fixed at top

Chatbot size if fixed for Mobile scrren

Checklist:

• I have performed a self-review of my code
• I have read and followed the Contribution Guidelines.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have commented my code, particularly in hard-to-understand areas.

Additional context:

[Include any additional information or context that might be helpful for reviewers.]

[vercel]

@Utsavladia is attempting to deploy a commit to the himanshunarware's projects Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
devlabs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 30, 2024 6:02am

[github-actions]

Welcome to Our repository.🎊 Thank you so much for taking the time to point this out.

[Utsavladia]

@panwar8279
This merge is not counted in my contribution to GSSoC
I think you will have to assign this pull also to me to make it count.
Kindly assing this to me.