feat: adiciona default header dialog em edicao de pacote

src/pages/packages/components/AddEditPackageDialog.vue

@@ -2,18 +2,13 @@
   <q-dialog ref="dialogRef" @hide="onDialogHide">
     <div style="width: 100%; max-width: 700px">
       <q-card class="overflow-hidden" style="width: 100%">
-        <q-btn
-          flat
-          round
-          dense
-          icon="mdi-close"
-          class="absolute-top-right q-ma-sm"
-          style="z-index: 1"
-          @click="onDialogCancel"
+        <DefaultDialogHeader
+          :title="props.package ? 'Editar Pacote' : 'Novo Pacote'"
+          @close="onDialogCancel"
         />
 
         <q-form ref="formRef" @submit="onOKClick">
-          <q-card-section class="q-pt-lg">
+          <q-card-section class="q-pt-sm">
             <div class="row q-col-gutter-sm">
               <DefaultInput
                 v-model="form.name"
@@ -127,6 +122,7 @@
 import { ref, computed, onMounted } from "vue";
 import { useDialogPluginComponent } from "quasar";
 
+import DefaultDialogHeader from "src/components/defaults/DefaultDialogHeader.vue";
 import DefaultInput from "src/components/defaults/DefaultInput.vue";
 import DefaultSelect from "src/components/defaults/DefaultSelect.vue";
 import DefaultCurrencyInput from "src/components/defaults/DefaultCurrencyInput.vue";