refactor: update user table headers and data fields for clarity

app/pages/dashboard-users/index.tsx

@@ -39,11 +39,11 @@ export const UsersPage = () => {
       data: 'subscribe.start_date',
     },
     {
-      title: 'Nama User',
+      title: 'User',
     },
     {
-      title: 'Email',
-      data: 'email',
+      title: 'Phone',
+      data: 'phone',
     },
     {
       title: 'Status',
@@ -54,10 +54,11 @@ export const UsersPage = () => {
     1: (value: string) => formatDate(value),
     2: (_value: unknown, _type: unknown, data: TUserResponse) => (
       <div>
-        <div>{data.phone}</div>
+        <div>{data.email}</div>
         <div className="text-sm text-[#7C7C7C]">ID: {data.id.slice(0, 8)}</div>
       </div>
     ),
+    3: (value: string) => <span>{value}</span>,
     4: (value: TColorBadge, _type: unknown, data: TUserResponse) => (
       <span
         className={`rounded-lg px-2 text-sm ${getStatusBadge(data.subscribe.status as TColorBadge)}`}