feat: Complete login on Enter key press in password input

Author: Ushie

src/layout/Navbar/NavHost.svelte

@@ -195,7 +195,12 @@
 		<form on:submit|preventDefault={handle_login} bind:this={loginForm}>
 			<div>
 				<Input placeholder="Username" required />
-				<Input placeholder="Password" type="password" required />
+				<Input
+					placeholder="Password"
+					type="password"
+					onkeydown={(event) => event.key === 'Enter' && loginForm.requestSubmit()}
+					required
+				/>
 			</div>
 		</form>
 	</div>

src/lib/components/Input.svelte

@@ -7,6 +7,7 @@
 	export let onenter: () => void = () => {};
 	export let onexit: () => void = () => {};
 	export let oninput: () => void = () => {};
+	export let onkeydown: (event: KeyboardEvent) => void = (event) => {};
 
 	const set_type = (node: HTMLInputElement) => {
 		node.type = type;
@@ -22,6 +23,7 @@
 		on:focus={onenter}
 		on:blur={onexit}
 		on:input={oninput}
+		on:keydown={onkeydown}
 		bind:value
 	/>
 	<label for={placeholder.toLowerCase()}>{placeholder}</label>