added print button and finalize

src/pages/employee/home.vue

@@ -21,7 +21,7 @@
       </div>
       <div class="flex justify-end">
         <router-link :to="{ name: 'employeeCreate' }">
-          <button class="btn">Create Employee</button>
+          <button class="btn btn-accent">Create Employee</button>
         </router-link>
       </div>
 
@@ -30,6 +30,7 @@
           <!-- head -->
           <thead>
             <tr>
+        
               <th>Name</th>
               <th>Type</th>
               <th>Town</th>
@@ -42,7 +43,6 @@
             <tr v-for="person in employees" :key="person['id']">
 
               <td>{{ person['employee_first_name'] }} {{ person['employee_last_name'] }}</td>
-
               <td>
                 <div v-if="person['employee_type'] == 0">Owner</div>
                 <div v-else-if="person['employee_type'] == 1">Manager</div>
@@ -54,7 +54,6 @@
                 <div v-else-if="person['employee_type'] == 7">Cash</div>
                 <div v-else-if="person['employee_type'] == 8">Driver/Tech</div>
                 <div v-else></div>
-
               </td>
 
               <td>{{ person['employee_town'] }}</td>
@@ -62,10 +61,10 @@
               <td>{{ person['employee_phone_number'] }}</td>
               <td class="flex gap-5">
                 <router-link :to="{ name: 'employeeEdit', params: { id: person['id'] } }">
-                  <button class="btn">Edit</button>
+                  <button class="btn btn-accent">Edit</button>
                 </router-link>
                      <router-link :to="{ name: 'employeeProfile', params: { id: person['id'] } }">
-                  <button class="btn">View</button>
+                  <button class="btn btn-accent">View</button>
                 </router-link>
               </td>
             </tr>