Is your feature request related to a problem? Please describe.
Yes, the issue is that when users encounter problems accessing the course, the current "Contact Us" link uses a Link tag that opens the browser's tab which is blank. However, this process is not ideal, as it can be disruptive. This makes it difficult for users to report issues efficiently.

Describe the solution you'd like
I have created a form component that allows users to submit issues they face while accessing a course. The form includes fields like first name, last name, email and message, which users can fill out to report the problem. When the form is submitted, the Nodemailer package is used to send an email directly to the support team, ensuring that issues are reported in an organized and consistent manner. This solution eliminates the disruption caused by the Link tag and provides a more user-friendly way to contact support.

Current Issue:
https://github.com/user-attachments/assets/d011c092-3d62-4915-9ce9-6ea62ec84a5b