feat: enhance USERS data structure with idTransaction and update UsersPage to display it

app/pages/dashboard-users/index.tsx

@@ -5,9 +5,9 @@ import { Pagination } from '~/components/ui/pagination'
 
 import { USERS } from './data'
 
-export const UsersPage = () => {
-  type TColorBadge = 'Baru' | 'Premium' | 'Pembayaran'
+type TColorBadge = 'Baru' | 'Premium' | 'Pembayaran'
 
+export const UsersPage = () => {
   const getStatusBadge = (status: TColorBadge) => {
     const statusColors = {
       Baru: 'bg-[#DFE5FF] text-[#4C5CA0]',
@@ -80,7 +80,9 @@ export const UsersPage = () => {
                   <td>{user.date}</td>
                   <td>
                     {user.name}
-                    <div className="text-sm text-gray-500">id: 5512446588</div>
+                    <div className="text-sm text-gray-500">
+                      id: {user.idTransaction}
+                    </div>
                   </td>
                   <td>{user.email}</td>
                   <td>{user.category}</td>