Add Contact Us Form (#42)

[AzharAliCodes]

📝 Description

Implemented a Contact Us form with validation and an optional number field.
This form allows users to reach out to the CareHub team for support, queries, or feedback.

⚠️ Note: The form currently includes a placeholder for API integration.

// TODO: Replace this with your API call
// Example:
// await fetch("/api/contact", {
//   method: "POST",
//   headers: { "Content-Type": "application/json" },
//   body: JSON.stringify(form),
// });

A follow-up task/PR is needed to connect the form with the backend API.

---

🔗 Related Issue

Fixes #42

---

🔄 Type of Change

• 🐛 Bug fix
• ✨ New feature
• 💥 Breaking change
• 📚 Documentation update
• 🎨 UI/UX improvement
• ⚡ Performance improvement

---

🧪 Testing

• I have performed a self-review of my code
• Code has been tested locally
• Tests pass (if applicable)
• No new warnings introduced

---

📱 Frontend Changes

• Responsive design tested
• Cross-browser compatibility checked
• Accessibility guidelines followed

---

🔧 Backend Changes

• Database migrations created (if needed)
• API endpoints tested
• Authentication/authorization verified

---

📸 After video Demo

after.mp4

---

📋 Additional Notes

• Fields included: Name, Email, Subject, Message, Number (optional)
• Validation for required fields & email format
• Mobile responsiveness ensured
• API integration still pending (see TODO)

---

✅ Checklist

• My code follows the project’s coding standards
• I have updated documentation where necessary
• My changes generate no new warnings
• I have added tests that prove my feature works

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

[AvishkarPatil]

@AzharAliCodes Thanks for Update! Merging PR 🚀