[frontend] Better autocapitalize/spellcheck settings on forms (#3077)

web/source/settings/views/admin/emoji/category-select.tsx

@@ -126,6 +126,8 @@ export function CategorySelect({ field, children }: PropsWithChildren<CategorySe
 				items={categoryItems}
 				label="Category"
 				placeholder="e.g., reactions"
+				autoCapitalize="none"
+				spellCheck="false"
 			>
 				{children}
 			</ComboBox>

web/source/settings/views/admin/emoji/local/new-emoji.tsx

@@ -117,6 +117,8 @@ export default function NewEmojiForm() {
 				<TextInput
 					field={form.shortcode}
 					label="Shortcode, must be unique among the instance's local emoji"
+					autoCapitalize="none"
+					spellCheck="false"
 					{...{pattern: "^\\w{2,30}$"}}
 				/>
 

web/source/settings/views/admin/emoji/local/overview.tsx

@@ -116,6 +116,8 @@ function EmojiList({ emoji }: EmojiListParams) {
 						field={filterField}
 						name="emoji-shortcode"
 						placeholder="Search"
+						autoCapitalize="none"
+						spellCheck="false"
 					/>
 				</div>
 				<div className="entries scrolling">

web/source/settings/views/admin/emoji/remote/steal-this-look.tsx

@@ -52,9 +52,10 @@ export default function StealThisLook({ emojiCodes }) {
 					</label>
 					<div className="row">
 						<input
-							type="text"
 							id="url"
 							name="url"
+							type="url"
+							pattern="(http|https):\/\/.+"
 							onChange={urlField.onChange}
 							value={urlField.value}
 						/>