fixes: pagination & users permissions

src/components/CardUser.vue

@@ -2,6 +2,7 @@
     import Swal from 'sweetalert2';
     import { getDateMonthDay } from '../helpers/date_formats';
     import { useCompanyStore } from '../stores/company';
+import { useAuthStore } from '../stores/auth';
 
     const props = defineProps({
         user: {
@@ -19,6 +20,7 @@
     defineEmits(['set-user'])
 
     const companyStore = useCompanyStore();
+    const authStore = useAuthStore();
 
     const handleDelete = async() => {
         Swal.fire({
@@ -66,7 +68,7 @@
     <div class="card-fixed flex-column">
         <div class="row">
             <div class="col-lg-6 col-sm-12">
-                <p><span>Nombre de usuario:</span> {{user.name}}</p>
+                <p><span>Nombre de usuario:</span>  {{user.first_name}} {{user.last_name}}</p>
                 <p v-if="user.employee_id"><span class="font-weight-bold mr-1">Número de registro:</span> {{user.employee_id}}</p>
                 <p><span>Teléfono 1: </span>{{user.phone}}</p>
                 <p><span>Teléfono 2: </span>{{user.phone2}}</p>
@@ -93,14 +95,14 @@
                 <p><span>Rol del usuario: </span>{{user.job_role}}</p>
             </div>
         </div>
-        <div class="btn-row" v-if="readonly === false">
+        <div class="btn-row" v-if="readonly === false && (authStore.user?.job_role === 'owner' || authStore.user?.job_role === 'manager')">
             <button
                 class="btn-primary-sm radius-sm"
                 data-toggle="modal" 
                 data-target="#userModal"
                 @click="$emit('set-user')"
-            ><i class="fa-solid fa-pen-to-square"></i> Editar</button>
-            <button
+                ><i class="fa-solid fa-pen-to-square"></i> Editar</button>
+                <button
                 class="btn btn-dark radius-sm"
                 @click="handleDelete"
             ><i class="fa-solid fa-trash"></i> Eliminar</button>