update variable on columns table manage user

- sync with response
- fix sorting

src/pages/settings/user/manage-user/blocks/ListToolBar.tsx

@@ -15,7 +15,7 @@ const ListToolBar = () => {
               <KeenIcon icon="magnifier" />
               <input
                 type="text"
-                placeholder="Search Users"
+                placeholder="Search Username"
                 value={(table.getColumn('username')?.getFilterValue() as string) ?? ''}
                 onChange={(event) =>
                   table.getColumn('username')?.setFilterValue(event.target.value)

src/pages/settings/user/manage-user/hooks/ManageUserContext.tsx

@@ -86,7 +86,7 @@ const ManageUserContextProvider = ({ children }: { children: React.ReactNode })
       },
       {
         accessorFn: (row) => row.customer?.username,
-        id: 'customer',
+        id: 'Users.customer',
         header: ({ column }) => <DataGridColumnHeader title="Customer" column={column} />,
         enableSorting: true,
         enableHiding: false,
@@ -98,7 +98,7 @@ const ManageUserContextProvider = ({ children }: { children: React.ReactNode })
         accessorFn: (row) => row.email,
         id: 'email',
         header: ({ column }) => <DataGridColumnHeader title="Email" column={column} />,
-        enableSorting: true,
+        enableSorting: false,
         enableHiding: false,
         meta: {
           headerClassName: 'w-[350px]'
@@ -106,9 +106,9 @@ const ManageUserContextProvider = ({ children }: { children: React.ReactNode })
       },
       {
         accessorFn: (row) => row.name,
-        id: 'name',
+        id: 'Users.name',
         header: ({ column }) => <DataGridColumnHeader title="Name" column={column} />,
-        enableSorting: true,
+        enableSorting: false,
         enableHiding: false,
         meta: {
           headerClassName: 'w-[250px]'
@@ -116,7 +116,7 @@ const ManageUserContextProvider = ({ children }: { children: React.ReactNode })
       },
       {
         accessorFn: (row) => row.role.name,
-        id: 'role_name',
+        id: 'Users.role',
         header: ({ column }) => <DataGridColumnHeader title="Role Name" column={column} />,
         enableSorting: true,
         enableHiding: false,
@@ -239,7 +239,7 @@ const ManageUserContextProvider = ({ children }: { children: React.ReactNode })
         pagination={{ size: 10 }}
         toolbar={<ListToolBar />}
         layout={{ card: true }}
-        sorting={[{ id: 'Users.username', desc: false }]}
+        sorting={[{ id: 'Users.created_at', desc: false }]}
         serverSide={true}
         onFetchData={({ pageIndex, pageSize, sorting, columnFilters }) =>
           doGetListData(pageIndex, pageSize, sorting, columnFilters)