feat: adjust scroll area height in AddEditPermissionGroupDialog and reorder slugTouched initialization

src/pages/permissions/components/AddEditPermissionGroupDialog.vue

@@ -4,7 +4,11 @@
       <DefaultDialogHeader :title="dialogTitle" @close="onDialogCancel" />
 
       <DefaultForm ref="formRef" @submit="onSave">
-        <q-scroll-area ref="scrollAreaRef" class="form-dialog-scroll-area">
+        <q-scroll-area
+          ref="scrollAreaRef"
+          class="form-dialog-scroll-area"
+          style="height: 190px"
+        >
           <q-card-section class="row q-col-gutter-md q-pt-none">
             <DefaultInput
               v-model="form.label"
@@ -112,10 +116,10 @@ const {
   scrollFn: scrollToComponent,
 });
 
-const slugTouched = ref(isEdit.value);
-
 const isEdit = computed(() => !!group);
 
+const slugTouched = ref(isEdit.value);
+
 const dialogTitle = computed(() =>
   isEdit.value ? "Editar Grupo de Permissões" : "Novo Grupo de Permissões",
 );