feat(tests, components): enhance Cypress commands and UI elements for improved testing and accessibility

- Added new Cypress commands for mocking admin-related API interactions, including list, create, update, delete, and change status functionalities.
- Introduced data-cy attributes across various components (e.g., Breadcrumbs, Forms, Tables) to improve testability and accessibility.
- Updated existing components to support new data-cy attributes for better integration with Cypress tests.

src/components/ui/TableSkeleton.tsx

@@ -13,11 +13,11 @@ const TableSkeleton = ({
   cellColSpan = 100,
 }: IProps) => {
   return (
-    <TableBody>
+    <TableBody data-cy="table-skeleton">
       {Array.from({ length }).map((_, i) => (
-        <TableRow key={i}>
+        <TableRow key={i} data-cy={`table-skeleton-row-${i}`}>
           {Array.from({ length: column }).map((_, j) => (
-            <TableCell key={j} colSpan={cellColSpan}>
+            <TableCell key={j} colSpan={cellColSpan} data-cy="table-skeleton-cell">
               <Skeleton className="h-8 rounded-lg" />
             </TableCell>
           ))}