major update

src/pages/employee/home.vue

@@ -23,7 +23,7 @@
       <div class="flex start pb-10 text-2xl">Employees </div>
       <div class="flex justify-end mb-10">
         <router-link :to="{ name: 'employeeCreate' }">
-          <button class="btn btn-accent btn-sm">Create Employee</button>
+          <button class="btn btn-secondary btn-sm">Create Employee</button>
         </router-link>
       </div>
 
@@ -63,10 +63,10 @@
               <td>{{ person['employee_phone_number'] }}</td>
               <td class="flex gap-5">
                 <router-link :to="{ name: 'employeeEdit', params: { id: person['id'] } }">
-                  <button class="btn btn-accent btn-sm">Edit</button>
+                  <button class="btn btn-secondary btn-sm">Edit</button>
                 </router-link>
                 <router-link :to="{ name: 'employeeProfile', params: { id: person['id'] } }">
-                  <button class="btn btn-accent btn-sm">View</button>
+                  <button class="btn btn-secondary btn-sm">View</button>
                 </router-link>
               </td>
             </tr>