wulf-pulse/app/admin/roles/page.tsx

import { RoleTable } from "@/components/admin/roles/role-table";
import { PageHeader } from '@/components/navigation/page-header';

export default function RolesPage() {
  return (
    <>
      <PageHeader
        title="Role Management"
        description="Manage roles and their permissions"
        breadcrumbs={[{ label: 'Admin', href: '/admin' }, { label: 'Roles' }]}
        accent
      />
      <div className="container mx-auto py-8 px-4">
        <RoleTable />
      </div>
    </>
  );
}