fix: change theme color from blue to teal-green

apps/Frontend/src/components/staffs/staff-table.tsx

@@ -64,7 +64,7 @@ export function StaffTable({
         <h2 className="text-lg font-semibold text-gray-900">Staff Members</h2>
         <button
           onClick={onAdd}
-          className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700"
+          className="px-4 py-2 bg-teal-600 text-white rounded hover:bg-teal-700"
         >
           Add New Staff
         </button>
@@ -208,7 +208,7 @@ export function StaffTable({
                   aria-current={currentPage === i + 1 ? "page" : undefined}
                   className={`relative inline-flex items-center px-4 py-2 border text-sm font-medium ${
                     currentPage === i + 1
-                      ? "z-10 bg-blue-50 border-blue-500 text-blue-600"
+                      ? "z-10 bg-teal-50 border-teal-500 text-teal-600"
                       : "border-gray-300 text-gray-500 hover:bg-gray-50"
                   }`}
                 >