feat(ui): add tooltips to action icons in admins table

This commit introduces the `react-tooltip` library to improve user interface clarity and provide a better user experience.

Tooltips have been added to the action icons (Edit, Delete, Change Status) in the Admins table. This provides users with clear, on-hover information about the function of each icon, enhancing usability and reducing ambiguity.

The implementation involved:
- Adding `react-tooltip` as a project dependency.
- Importing the required CSS in the root layout.
- Integrating the `Tooltip` component within the Admins table.

src/css/style.css

@@ -49,6 +49,9 @@
 .tableCheckbox:checked ~ div span {
   @apply opacity-100;
 }
+.react-tooltip {
+  @apply !rounded-full !transition-opacity !duration-500;
+}
 
 .tableCheckbox:checked ~ div {
   @apply border-primary bg-primary;
@@ -502,17 +505,17 @@ input[type="search"]::-webkit-search-cancel-button {
 }
 
 .Toastify__toast--success {
-  background: linear-gradient(to bottom right, #82E6AC, #1A8245) !important;
+  background: linear-gradient(to bottom right, #82e6ac, #1a8245) !important;
 }
 
 .Toastify__toast--error {
-  background: linear-gradient(to bottom right, #F89090, #E10E0E) !important;
+  background: linear-gradient(to bottom right, #f89090, #e10e0e) !important;
 }
 
 .Toastify__toast--warning {
-  background: linear-gradient(to bottom right, #F59E0B, #D97706) !important;
+  background: linear-gradient(to bottom right, #f59e0b, #d97706) !important;
 }
 
 .Toastify__toast--info {
-  background: linear-gradient(to bottom right, #8099EC, #1C3FB7) !important;
+  background: linear-gradient(to bottom right, #8099ec, #1c3fb7) !important;
 }