Add Responsive Contact Us Page with Form and Toast Notifications

[akofficial10]

closes #47

Summary

This PR introduces a responsive Contact Us page, allowing users to submit queries directly through a form. It includes input validation, toast notifications, and consistent styling with the rest of the project.

Changes

• Added form fields: Name, Email, Subject, Message
• Implemented form validations (required fields, valid email format)
• Integrated toast notifications for success/error feedback
• Connected frontend form to backend API for message handling
• Ensured responsive and visually consistent design

Benefits

• Provides a structured, user-friendly way for users to contact support
• Immediate feedback improves usability and engagement
• Centralizes message submission for easier management

Notes

• Proper error handling added for failed submissions
• Design aligns with project theme

[netlify]

✅ Deploy Preview for paisable ready!

Name	Link
🔨 Latest commit	efafec9
🔍 Latest deploy log	https://app.netlify.com/projects/paisable/deploys/68e3db340e3e580008694a61
😎 Deploy Preview	https://deploy-preview-88--paisable.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 95 Accessibility: 100 Best Practices: 100 SEO: 91 PWA: 70 View the detailed breakdown and full score reports

---

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

[archa8]

Rename your ContactUS.jsx to ContactUs.jsx as it is giving path mismatch in App.jsx otherwise

[archa8]

@akofficial10 Great work! For the FAQs: let's use the feature list from the README for the placeholder text. That way we're only showing features we've officially documented.

[akofficial10]

@archa8 Is everything ok?

[archa8]

LGTM!

[akofficial10]

@archa8 Please assign labels also.

[archa8]

Labels are not needed unless your PR wasn't merged but was a valuable contribution. In that case, the hacktoberfest-accepted label is required.