Adds FE for ui setting

What does this MR do and why?

Adds FE for ui setting

References

#505440 (closed)

Screenshots or screen recordings

Setting:

Note on this section:

• The design shows a toggle, not a checkbox. We had a new section added since then which uses a checkbox so I just went for that as a first iteration
• Customizable toast messages can be done in a follow-up if necessary
• There will be a follow-up created for a refactor of this section since it's currently a hybrid between vue apps and partials

With the setting disabled:	with the setting enabled:

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.