Proper client-side validation in contact us form!

**Insufficient validation causing malicious inputs sent to server**
The current contact us form is accepting improper emails (like: abc@a) and could be submitted without name.
These situations end up sending wrong or unuseful entries to the server wasting resources.

**To Reproduce**
Steps to reproduce the behavior:
1. Go to 'home page'
2. Click on 'contact us'
3. Scroll down to 'email'
4. Input abc@a in email, leave name empty and click submit.
5. See error (form getting submitted and wasting resources)

**Expected behavior**
In such scenarios of wrong inputs, the client-side validation should act and put up alerts on the user screen until every input is fine.

**Screenshots**



This problem can be easily resolved using
1. Mandatory field of name
2. Regular expression for email having strict rules

I would love to contribute to this issue and solve it by contributing it as a part of GSSOC'23. Would be more than happy to be assigned this issue.