[Fix]:Enhanced efficiency by fixing the redundant adding of <p> tag to DOM

[Aashiq-Edavalapati]

Fixes #8

This PR fixes an issue where multiple feedback messages were being appended to the feedbackContainer when the form was submitted multiple times. The solution now uses a single feedback element that updates dynamically, ensuring no duplicate messages are added.

Changes made:

• I replaced the logic that was adding and removing separate <p> tags for success and error messages with a single reusable <p> tag.
• Now, instead of adding new tags, we update the content and apply the relevant classes (success-msg or error-msg) based on whether the form is valid or not.
• This change ensures that we only ever have one feedback message in the container, reducing unnecessary DOM manipulation and improving overall efficiency.

Why This is Better:

• Performance Improvement: By reusing the same element and only updating it, we avoid clearing and recreating DOM elements repeatedly.
• Simpler Code: The logic is more straightforward now that we're managing just one feedback element.