feat: add validation to editableField

[evanyang1]

Fixes #1367 #1368 #1369 #1370 #1363 #1402

What changes did you make and why did you make them ?

• Added validation to editableField. Throws alert if the changes are rejected.
• Added validation to description.
• Upon onBlur(), the field value is trimmed and updated as trimmed.

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Visuals after changes are applied

[github-actions]

Want to review this pull request? Take a look at this documentation for a step by step guide!

From your project repository, check out a new branch and test the changes.

git checkout -b evanyang1-evan-form-validation development
git pull https://github.com/evanyang1/VRMS.git evan-form-validation

[trillium]

Hey Evan,

Can you add a bit of context on the changes you've made to the codebase and why they've been made?

I know that we have the issue markes, and that you've referenced them within this PR, but it's good practice to put a summary together so that whoever is reviewing it has an easier time following along with the changes you've submitted.

[trillium]

We're planning on dropping the edits to editableField.js and keeping the utils validator

[trillium]

@evanyang1
We're planning on merging #1401 first which will generate merge conflits. Pause developing on this until that is merged so we can handle easier.

[trillium]

Thanks for the validation functions Evan!