Prevent all automatic browser form submissions on enter

dashboard/src/components/ApiTokens.vue

@@ -116,7 +116,7 @@ onMounted(async () => {
       <div>
         <Transition name="slide-left" mode="out-in">
           <div v-if="!addedToken">
-            <form novalidate @submit="onSubmitAddApiToken()" autocomplete="off">
+            <form @submit.prevent="onSubmitAddApiToken()" autocomplete="off">
               <input style="display: none" type="submit" :disabled="!isValid"/>
               <FormGroup>
                 <label for="apiTokenName">{{ $t('profile.createApiToken.name') }}</label>

dashboard/src/components/AppPasswords.vue

@@ -161,7 +161,7 @@ onMounted(async () => {
       <div>
         <Transition name="slide-left" mode="out-in">
           <div v-if="!addedPassword">
-            <form novalidate @submit="onSubmit()" autocomplete="off">
+            <form @submit.prevent="onSubmit()" autocomplete="off">
               <input style="display: none" type="submit" :disabled="!isValid"/>
               <FormGroup>
                 <label for="passwordName">{{ $t('profile.createAppPassword.name') }}</label>

dashboard/src/components/ApplinkDialog.vue

@@ -170,7 +170,7 @@ export default {
   >
     <InputDialog ref="inputDialog" />
 
-    <form @submit="onSubmit()" autocomplete="off">
+    <form @submit.prevent="onSubmit()" autocomplete="off">
       <fieldset :disabled="busy">
         <input style="display: none;" type="submit" :disabled="!isValid" />
 

dashboard/src/views/UserDirectoryView.vue

@@ -36,7 +36,7 @@ onMounted(async () => {
 <template>
   <div class="content">
     <Section :title="$t('users.title')">
-      <form role="form" novalidate @submit="onSubmitConfig()" autocomplete="off">
+      <form @submit.prevent="onSubmitConfig()" autocomplete="off">
         <fieldset :disabled="configBusy">
           <div>
             <Checkbox v-model="editableUserProfiles" :label="$t('users.settings.allowProfileEditCheckbox')" /><sup><a href="https://docs.cloudron.io/user-directory/#lock-profile" target="_blank"><i class="fa fa-question-circle"></i></a></sup>

dashboard/src/views/VolumesView.vue

@@ -205,7 +205,7 @@ onMounted(async () =>{
       :confirm-busy="volumeDialogData.busy"
       @confirm="submitVolumeDialog()"
     >
-      <form @submit="submitVolumeDialog()" autocomplete="off">
+      <form @submit.prevent="submitVolumeDialog()" autocomplete="off">
         <fieldset :disabled="volumeDialogData.busy">
           <input style="display: none;" type="submit" :disabled="!volumeDialogValid" />