feat(webauthn): submit device name by pressing enter

Signed-off-by: Richard Steinmetz <richard@steinmetz.cloud>

apps/settings/src/components/WebAuthn/AddDevice.vue

@@ -2,6 +2,7 @@
   - @copyright 2020, Roeland Jago Douma <roeland@famdouma.nl>
   -
   - @author Roeland Jago Douma <roeland@famdouma.nl>
+  - @author 2024 Richard Steinmetz <richard@steinmetz.cloud>
   -
   - @license GNU AGPL version 3 or any later version
   -
@@ -39,14 +40,16 @@
 		<div v-else-if="step === RegistrationSteps.NAMING"
 			class="new-webauthn-device">
 			<span class="icon-loading-small webauthn-loading" />
-			<NcTextField ref="nameInput"
+			<form @submit.prevent="submit">
-				class="new-webauthn-device__name"
+				<NcTextField ref="nameInput"
-				:label="t('settings', 'Device name')"
+					class="new-webauthn-device__name"
-				:value.sync="name"
+					:label="t('settings', 'Device name')"
-				show-trailing-button
+					:value.sync="name"
-				:trailing-button-label="t('settings', 'Add')"
+					show-trailing-button
-				trailing-button-icon="arrowRight"
+					:trailing-button-label="t('settings', 'Add')"
-				@trailing-button-click="submit" />
+					trailing-button-icon="arrowRight"
+					@trailing-button-click="submit" />
+			</form>
 		</div>
 
 		<div v-else-if="step === RegistrationSteps.PERSIST"