fix(ui): improve Name fields' spacing in Key Add/Edit

Author: luizhf42

ui/src/components/PrivateKeys/PrivateKeyAdd.vue

@@ -30,6 +30,8 @@
         label="Key name"
         placeholder="Name used to identify the private key"
         data-test="name-field"
+        class="my-3"
+        hide-details="auto"
       />
 
       <FileTextComponent

ui/src/components/PrivateKeys/PrivateKeyEdit.vue

@@ -30,6 +30,8 @@
           label="Key name"
           placeholder="Name used to identify the private key"
           data-test="name-field"
+          class="my-3"
+          hide-details="auto"
         />
 
         <FileTextComponent

ui/src/components/PublicKeys/PublicKeyAdd.vue

@@ -48,6 +48,8 @@
             label="Name"
             placeholder="Name used to identify the public key"
             data-test="name-field"
+            class="mb-5"
+            hide-details="auto"
           />
         </v-row>
 
@@ -62,7 +64,7 @@
           />
         </v-row>
 
-        <v-row class="mt-1 px-3">
+        <v-row class="mt-2 px-3">
           <v-text-field
             v-if="choiceUsername === 'username'"
             v-model="username"

ui/src/components/PublicKeys/PublicKeyEdit.vue

@@ -37,6 +37,8 @@
             :error-messages="nameError"
             required
             data-test="name-field"
+            class="mb-5"
+            hide-details="auto"
           />
         </v-row>
 
@@ -51,7 +53,7 @@
           />
         </v-row>
 
-        <v-row class="mt-1 px-3">
+        <v-row class="mt-2 px-3">
           <v-text-field
             v-if="choiceUsername === 'username'"
             v-model="username"