Prevent Page Reload on "Send Message" and Add Success Toast Notification #269

Title : Prevent Page Reload on 'Send Message' and Add Success Toast Notification

Issue No. : #269

Code Stack : React.js

Close #269

Video (mandatory)

Checklist:

• [x ] I have mentioned the issue number in my Pull Request.
• [ x] I have commented my code, particularly in hard-to-understand areas
• [ x] I have created a helpful and easy to understand README.md if its a new page/tech stack
• [ x] I have gone through the contributing.md file before contributing

Additional context (Mandatory )

1. Prevent Default Form Behavior:
   I modified the form submission handler to prevent the default behavior of page reloading by using
   event.preventDefault(). This ensures that when the "Send Message" button is pressed, the page doesn't reload,
   preserving the current state of the application.
2. Implement Toast Notification:
   I integrated a success toast notification using react-toastify that provides immediate feedback when the form is
   successfully submitted. The notification confirms that the message has been sent, enhancing the overall user
   experience.
   The toast message is styled to align with the application's theme (dark) and automatically closes after 3
   seconds, ensuring it's visible long enough for users to see the confirmation without being intrusive.

Are you contributing under any Open-source programme?

• [x ] I'm a GSSOC-EXT contributor
• I'm a HACKTOBERFEST contributor