add: pagination in search loads y companies

src/components/CardLoad.vue

@@ -151,8 +151,8 @@
         </div>
         <div class="btn-row" v-if="!readOnly && authStore.user?.permissions === 'role_shipper'">
             <button
-                v-if="authStore.user?.job_role === 'owner' || authStore.user?.job_role === 'manager'"
-                class="btn-primary-sm bg-dark"
+                v-if="(authStore.user?.job_role === 'owner' || authStore.user?.job_role === 'manager') || authStore.user._id === props.load.posted_by"
+                class="btn-primary-sm bg-danger"
                 @click="handleDeleteLoad"
             ><i class="fa-solid fa-ban clear-sm"></i> Cancelar</button>
             <button  v-if="load.status !== 'Draft' && load.load_status !== 'Published' && load.load_status !== 'Loading'" 
@@ -165,7 +165,7 @@
                 Evidencias
             </button>
             <button
-                v-if="authStore.user?.job_role === 'owner' || authStore.user?.job_role === 'manager'"
+                v-if="(authStore.user?.job_role === 'owner' || authStore.user?.job_role === 'manager') || authStore.user._id === props.load.posted_by"
                 class="btn-primary-sm"
                 data-toggle="modal" data-target="#formLoadModal"
                 @click="openEditModal"

src/components/CardVehicle.vue

@@ -10,7 +10,7 @@ import { useAuthStore } from '../stores/auth';
             required: true
         }
     })
-
+    console.log(props.vehicle);
     defineEmits(['set-vehicle']);
 
     const vehicleStore = useVehiclesStore();

src/components/CreateUserModal.vue

@@ -18,6 +18,29 @@
         }
     });
 
+    /*
+        Usuarios: Staff solo puede ver los usuarios. 
+
+        Ubicaciones: Staff puede hacer todas las acciones
+
+        Cargas: Staff: solo puede elimianr y editar sus propias cargas, y puede crear cargas  
+                Gerente: de todos
+                Staff puede aceptar ofertas de las cargas de sus demas compañeros
+
+        Calendario: Gerente, Staff, puede ver sus eventos propios y las de la empresa,
+
+        Vehiculos: Staff: solo puede elimianr y editar sus propias vehiculos, y puede crear vehiculo  
+                Gerente: de todos
+                Staff puede asignar conductores al vehiculo, puede igual cambiar el estado del vehiculo
+
+        Ofertas aceptadas: tiene todos los privilegios de un gerente.
+
+        Calculadora: El staff tiene todo los privigelios
+
+        Empresa: Manager 
+        
+    */
+
     onMounted(() => {
         if(props.user) {
             console.log(props.user)

src/components/CreateVehicleModal.vue

@@ -17,6 +17,8 @@
         }
     });
 
+    console.log(props.vehicle);
+
     defineEmits(['reset-vehicle']);
 
     const initState = {
@@ -85,6 +87,7 @@
 	    	circulation_serial_number: vehicleForm.circulation_serial_number,
 	    	notes: vehicleForm.notes,
 	    	company: authStore.user.company,
+            // posted_by: authStore.user._id,
 	    	categories: vehicleForm.categories.length <= 0 ? null : vehicleForm.categories?.map((e) => e._id),
 	    	destino: vehicleForm.destino,
 	    	available_date: new Date()

src/components/DriverVehicleModal.vue

@@ -115,7 +115,7 @@
                             v-model="driverSelected"
                         >
                             <option disabled value="">-- Seleccionar conductor --</option>
-                            <option v-for="driver in drivers" :value="driver">{{driver.name}}</option>
+                            <option v-for="driver in drivers" :value="driver">{{driver.first_name}} {{ driver.last_name }}</option>
                         </select>
                         <span class="error-msg" v-if="error">{{ error }}</span>
                     </div>