Inline Validation in Donate Animal Form

**Is your feature request related to a problem? Please describe.**
Yes

**Describe the solution you'd like**
I can submit the donate animal form with invalid data as shown in the below image:

**Describe alternatives you've considered**
I want to implement inline validation in this form. This will show an error message to the user below the respective field. And we can add constraints for each field. According to me, the following constraints can be applied:

Full Name: Minimum 6 characters
Email: Valid regex
Address: min 6 words
City: required
State: required
country: dropdown to select
Phone: valid regex
Pet type: add dropdown for cat or dog
Pet Name: Minimum 3 characters
Pet Color: min 3 characters
Pet Breed: required
Pet Image: required

Let me know if you want to change any of the above constraints
This will prevent sending invalid data to the backend.

I want to implement functionality similar to the below sample video:

https://github.com/subhashis2204/project-annapurna/assets/86224794/acf65c1c-605c-4117-bd52-fa6e8211abe2

## Request
**Please assign me this issue under SWOC' 24.**