Fixed layout of the contact page

[grasyPatel]

Description

This pull request resolves multiple layout issues on the contact page, focusing on fixing the navbar, form elements, and footer for a more polished and user-friendly design. The following changes were made:

Navbar: Fixed the navbar to stay at the top while scrolling, ensuring easier navigation across the page.
Form Elements: Adjusted the alignment and spacing of the form elements for a cleaner and more organized layout, making it responsive on different screen sizes.
Footer: Improved the positioning of the footer to ensure it stays at the bottom of the page, regardless of content height.
These fixes enhance the overall structure and usability of the contact page, providing a better user experience.

Related Issues

• Closes 🐞[bug]: Contact Page UI and Form Layout Disordered #159

Type of PR

• [ X] Bug
• [ X] Enhancement

Screenshots / videos (if applicable)

before:

After:

Screen.Recording.2024-10-04.at.6.53.59.PM.mov

Checklist

• [ X] I have gone through the contributing guide
• [X ] I have updated my branch and synced it with project main branch before making this PR
• [ X] I have performed a self-review of my code
• [ X] I have tested the changes thoroughly before submitting this pull request.
• [ X] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [ X] I have commented my code, particularly in hard-to-understand areas.

Additional context:

This fix improves the alignment of the contact page form elements, making it more responsive and visually consistent across different screen sizes.

[netlify]

✅ Deploy Preview for rococo-mooncake-0d89f7 ready!

Name	Link
🔨 Latest commit	d0b0427
🔍 Latest deploy log	https://app.netlify.com/sites/rococo-mooncake-0d89f7/deploys/66fff21102b989000892c9fc
😎 Deploy Preview	https://deploy-preview-180--rococo-mooncake-0d89f7.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Great job, @grasyPatel! 🎉 Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project.We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[Anjaliavv51]

@grasyPatel resolve conflicts.