Added service plan. Password change

src/pages/employee/home.vue

@@ -1,6 +1,6 @@
 <!-- src/pages/employee/home.vue -->
 <template>
-  <div class="flex">
+  <div class="flex"> 
     <div class="w-full px-4 md:px-10 py-4">
       <!-- Breadcrumbs & Title -->
       <div class="text-sm breadcrumbs">
@@ -47,6 +47,7 @@
                   <div class="flex items-center justify-end gap-2">
                     <router-link :to="{ name: 'employeeEdit', params: { id: person.id } }" class="btn btn-sm btn-secondary">Edit</router-link>
                     <router-link :to="{ name: 'employeeProfile', params: { id: person.id } }" class="btn btn-sm btn-ghost">View</router-link>
+                    <router-link v-if="user && user.user_admin === 0" :to="{ name: 'employeeChangePassword', params: { id: person.id } }" class="btn btn-sm btn-warning">Change Password</router-link>
                   </div>
                 </td>
               </tr>
@@ -74,6 +75,7 @@
               <div class="card-actions justify-end flex-wrap gap-2 mt-2">
                 <router-link :to="{ name: 'employeeEdit', params: { id: person.id } }" class="btn btn-sm btn-secondary">Edit</router-link>
                 <router-link :to="{ name: 'employeeProfile', params: { id: person.id } }" class="btn btn-sm btn-ghost">View</router-link>
+                <router-link v-if="user && user.user_admin === 0" :to="{ name: 'employeeChangePassword', params: { id: person.id } }" class="btn btn-sm btn-warning">Change Password</router-link>
               </div>
             </div>
           </div>
@@ -103,7 +105,7 @@ export default defineComponent({
   },
   data() {
     return {
-      user: null,
+      user: {} as any,
       employees: [] as any[],
       page: 1,
       perPage: 50,
@@ -166,4 +168,4 @@ export default defineComponent({
     }
   },
 })
-</script>
+</script>