fix: remove duplicate /roles in API endpoints

- Fix getAllRole endpoint from roles/roles to roles
- Fix getRoleById endpoint from roles/roles/:id to roles/:id
- Fix createRole endpoint from roles/roles to roles
- Fix updateRole endpoint from roles/roles/:id to roles/:id
- Fix deleteRole endpoint from roles/roles/:id to roles/:id
- Add try-catch error handling in getAllRole
- Support both server-side and client-side pagination

This fixes SQL error: Conversion failed when converting the nvarchar value 'roles' to data type int
Backend was interpreting duplicate /roles as an ID parameter

src/api/role.jsx

@@ -1,30 +1,40 @@
 import { SendRequest } from '../components/Global/ApiRequest';
 
 const getAllRole = async (queryParams) => {
+    try {
         const response = await SendRequest({
             method: 'get',
-        prefix: `roles/roles?${queryParams.toString()}`,
+            prefix: `roles?${queryParams.toString()}`,
         });
 
         console.log('Role API Response:', response);
 
-    // Parse query params to get page and limit
+        // Check if backend returns paginated data
+        if (response.paging) {
+            // Backend already provides pagination info
+            return {
+                status: response.statusCode || 200,
+                data: {
+                    data: response.data || [],
+                    paging: response.paging,
+                    total: response.paging.total || 0
+                }
+            };
+        }
+
+        // Fallback: If backend returns all data without pagination
         const params = Object.fromEntries(queryParams);
         const currentPage = parseInt(params.page) || 1;
         const currentLimit = parseInt(params.limit) || 10;
 
-    // Backend returns all data, so we need to do client-side pagination
         const allData = response.data || [];
         const totalData = allData.length;
 
-    // Calculate start and end index for current page
+        // Client-side pagination
         const startIndex = (currentPage - 1) * currentLimit;
         const endIndex = startIndex + currentLimit;
-
-    // Slice data for current page
         const paginatedData = allData.slice(startIndex, endIndex);
 
-    // Transform response to match TableList expected structure
         return {
             status: response.statusCode || 200,
             data: {
@@ -38,12 +48,29 @@ const getAllRole = async (queryParams) => {
                 total: totalData,
             },
         };
+    } catch (error) {
+        console.error('getAllRole error:', error);
+        return {
+            status: 500,
+            data: {
+                data: [],
+                paging: {
+                    page: 1,
+                    limit: 10,
+                    total: 0,
+                    page_total: 0
+                },
+                total: 0
+            },
+            error: error.message
+        };
+    }
 };
 
 const getRoleById = async (id) => {
     const response = await SendRequest({
         method: 'get',
-        prefix: `roles/roles/${id}`,
+        prefix: `roles/${id}`,
     });
     return response.data;
 };
@@ -51,7 +78,7 @@ const getRoleById = async (id) => {
 const createRole = async (queryParams) => {
     const response = await SendRequest({
         method: 'post',
-        prefix: `roles/roles`,
+        prefix: `roles`,
         params: queryParams,
     });
 
@@ -90,7 +117,7 @@ const createRole = async (queryParams) => {
 const updateRole = async (role_id, queryParams) => {
     const response = await SendRequest({
         method: 'put',
-        prefix: `roles/roles/${role_id}`,
+        prefix: `roles/${role_id}`,
         params: queryParams,
     });
 
@@ -129,7 +156,7 @@ const updateRole = async (role_id, queryParams) => {
 const deleteRole = async (queryParams) => {
     const response = await SendRequest({
         method: 'delete',
-        prefix: `roles/roles/${queryParams}`,
+        prefix: `roles/${queryParams}`,
     });
 
     console.log('Delete API Response:', response);