style: do inputs design modification

src/app/(modules)/users/page.tsx

@@ -54,7 +54,7 @@ export default function UsersPage() {
     roleId,
     setRoleId,
     errors,
-    touchedFields,
+    isSubmitted,
     canSubmit,
     isSaving,
   } = userForm;
@@ -81,11 +81,7 @@ export default function UsersPage() {
     [updateUserStatus],
   );
 
-  const columns = useUserColumns({
-    onEdit: openEdit,
-    onToggleStatus: toggleStatus,
-    pendingUserId,
-  });
+  const columns = useUserColumns();
 
   const total = usersQuery.data?.total ?? 0;
   const users = usersQuery.data?.items ?? [];
@@ -137,6 +133,9 @@ export default function UsersPage() {
           onPageChange={setSkip}
           onLimitChange={setLimit}
           onSortingChange={setSorting}
+          onEdit={openEdit}
+          onToggleStatus={toggleStatus}
+          pendingUserId={pendingUserId}
         />
       </main>
 
@@ -146,7 +145,7 @@ export default function UsersPage() {
         userId={userId}
         register={register}
         errors={errors}
-        touchedFields={touchedFields}
+        isSubmitted={isSubmitted}
         onSubmit={handleSubmit}
         roleId={roleId}
         onRoleChange={setRoleId}