Add automatic trimming for domain names and forward host fields

Author: vishnugt

frontend/src/components/Form/DomainNamesField.tsx

@@ -33,7 +33,7 @@ export function DomainNamesField({
 
 	const handleChange = (v: MultiValue<SelectOption>, _actionMeta: ActionMeta<SelectOption>) => {
 		const doms = v?.map((i: SelectOption) => {
-			return i.value;
+			return i.value.trim();
 		});
 		setFieldValue(name, doms);
 		onChange?.(doms);

frontend/src/modals/ProxyHostModal.tsx

@@ -209,6 +209,13 @@ const ProxyHostModal = EasyModal.create(({ id, visible, remove }: Props) => {
 																		required
 																		placeholder="example.com"
 																		{...field}
+																		onBlur={(e) => {
+																			const trimmed = e.target.value.trim();
+																			if (trimmed !== e.target.value) {
+																				form.setFieldValue('forwardHost', trimmed);
+																			}
+																			field.onBlur(e);
+																		}}
 																	/>
 																	{form.errors.forwardHost ? (
 																		<div className="invalid-feedback">