Prevent addition of illegal characters to new/renamed UUIDs

[gordlin]

Related Item(s)

Issue #550

Changes

• [FIX] Adds new checks when entering a new UUID (or renaming an existing UUID) to prevent adding reserved URL characters (: / # ? & @ % +)
• [FIX] Makes various minor styling changes to UUID errors.

Testing

Steps:

1. Go to the Create New Storylines Product page.
2. Try entering any reserved URL character (: / # ? & @ % +). You should get an error, and should not be able to continue to the editor without removing it.
3. Go to the Load Existing Storylines Product page. Enter an existing UUID and load.
4. Click Click here to change UUID. Try entering any reserved URL character (: / # ? & @ % +). You should get an error, and should not be able to rename until you remove it.

---

This change is 

[github-actions]

Your demo site is ready! 🚀 Visit it here: https://ramp4-pcar4.github.io/storylines-editor/uuid-illegal-chars

[yileifeng]

Seems like when I enter a special character in the UUID field when creating a new product or renaming a product, page is blank and results in the following console error:

Reviewable status: 0 of 2 files reviewed, all discussions resolved

[gordlin]

Donethanks, I think. Looks like we need to escape special characters in vue-i18n.

Let me know if there are still any issues on your end.

Reviewable status: 0 of 2 files reviewed, all discussions resolved

[yileifeng]

Reviewed 1 of 2 files at r1, 1 of 1 files at r2, all commit messages.
Reviewable status: complete! all files reviewed, all discussions resolved (waiting on @gordlin)