web-humas-fe/app/(admin)/admin/master-user/page.tsx

"use client";
import { AddIcon } from "@/components/icons";
import MasterUserTable from "@/components/table/master-user-table";
import { Button, Card } from "@nextui-org/react";
import Link from "next/link";

export default function MasterUserPage() {
  return (
    <div className="h-[96vh] overflow-x-hidden overflow-y-scroll gap-0 grid rounded-lg border-2">
      <div className="">
        <Card className="rounded-md my-5 pl-5 py-2">
          <Link href="/admin/master-user/create">
            <Button
              size="md"
              color="primary"
              className="bg-[#F07C00] text-white"
            >
              <AddIcon />
              New User
            </Button>
          </Link>
        </Card>
        <Card className="rounded-md my-5">
          <MasterUserTable />
        </Card>
      </div>
    </div>
  );
}