Fix contact form text visibility issue (#314)

[suryaprakash0010]

📄 Description

Fixed critical text visibility issue in the contact form that was preventing users from seeing what they type.

🔧 Contact Form Text Visibility Fix

• Problem: Text entered in contact form input fields was invisible due to white text on white background
• Root Cause: Input fields had bg-white background but inherited white text color from parent container
• Solution:
  • Added text-gray-900 for input text (dark gray text on white background)
  • Added placeholder-gray-500 for placeholder text visibility
  • Ensured proper contrast for all form fields (name, email, subject, message)
• Result: Users can now clearly see all text they type in real-time

✅ Checklist

• My code follows the project's coding guidelines.
• I have tested these changes locally.
• I have added necessary documentation/comments (if applicable).
• I have linked the related issue (if applicable).

🔗 Related Issue

Closes #314

Before Fix (Text Invisible):

• Users couldn't see text when typing in form fields
• Placeholder text was also difficult to read

After Fix (Text Clearly Visible):

• All typed text is clearly visible with proper contrast
• Placeholder text provides clear guidance
• Improved user experience and accessibility

Additional Notes

🎯 Issue Resolution Summary

• ✅ Text Visibility: Fixed invisible text in all contact form input fields
• ✅ User Experience: Users can now see what they're typing in real-time
• ✅ Accessibility: Proper color contrast for better readability
• ✅ Cross-browser: Works consistently across all browsers

🔧 Technical Details

• File Modified: client/src/pages/ContactUs.jsx
• Lines Changed: Added text color classes to input field styling
• Backward Compatibility: Fully backward compatible
• No Breaking Changes: Existing functionality preserved

🚀 Impact

This fix resolves a critical usability issue that was preventing users from:

1. Successfully filling out the contact form
2. Understanding what information they've entered
3. Having confidence in form submission

The contact form now provides a smooth, accessible experience for all users! 🎉

📊 Summary

• Issue solved: Text is invisible in contact form input fields #314 (Contact form text visibility)
• Files Changed: 1 file modified
• User Experience: Significantly improved with visible text feedback