fix: personnel icon

src/components/DrawerComponent.vue

@@ -56,9 +56,8 @@ const labelMenu = ref<
   },
   {
     label: 'drawerPersonnelManagement',
-    icon: 'isax-frame5',
+    icon: 'fa6-solid:building-user',
     route: '/personnel-management',
-    isax: true,
   },
   {
     label: 'drawerCustomerManagement',

src/components/GlobalDialog.vue

@@ -54,7 +54,7 @@ defineProps<{
           <span class="text-bold block">
             {{ enablei18n ? $t(title) : title }}
           </span>
-          <span class="block q-px-sm" style="max-width: 400px">
+          <span class="block q-px-sm text-center" style="max-width: 400px">
             {{ enablei18n ? $t(message) : message }}
           </span>
         </div>
@@ -65,9 +65,11 @@ defineProps<{
           id="btn-cancel-dialog"
           v-if="cancel"
           unelevated
-          class="col btn-cancel-dialog"
-          color="grey-4"
-          text-color="grey-10"
+          class="col btn-cancel-dialog bordered"
+          style="
+            color: hsl(var(--negative-bg));
+            border-color: hsl(var(--negative-bg));
+          "
           :class="{ 'full-width': !action }"
           @click="cancel"
           :label="cancelText || $t('cancel')"