feat(react, examples): add service hook, container, and example apps

[rax7389]

Changes

Summary: Adds the central useOrganizationMemberManagement hook for state management, a service layer hook for API abstraction, the OrganizationMemberManagement container component connecting the hook to the view layer, and example app integration with sidebar navigation.

Why: The presentational components from PR 3 are purely prop-driven. This PR provides the orchestration layer — a single hook that manages all invitation state (fetching, mutations, pagination, sorting, filtering, modals) and a container component that wires everything together. Separating the hook from the UI components keeps business logic testable and the view layer thin.

What:

useMemberManagementService Hook (Service Layer)

Abstraction layer for member management API calls, encapsulating all invitation CRUD operations via TanStack Query. This separates API concerns from UI state management.

const {
  invitationsQuery,
  providersQuery,
  createInvitationMutation,
  revokeInvitationMutation,
  resendInvitationMutation,
  fetchInvitationDetails,
} = useMemberManagementService(options);

useOrganizationMemberManagement Hook

Central hook managing all invitation lifecycle state:

• Data fetching — Uses useMemberManagementService for queries and mutations.
• Checkpoint pagination — Uses useCheckpointPagination (from PR 2) for token stack management.
• Server-side sorting — Maps table column keys to API sort fields (e.g., created_at → created-at).
• Race condition handling — useRef request ID tracking for details fetch to discard stale responses.
• Toast notifications — Success/error feedback for all mutation outcomes.

const { state, handlers } = useOrganizationMemberManagement({
  defaultTab: 'invitations',
  createInvitationAction: {
    onBefore: (data) => { console.log('Creating:', data); return true; },
    onAfter: (data, result) => console.log('Created:', result),
  },
});

OrganizationMemberManagement Container Component

Connects the hook to the view layer with tab-based navigation (Members / Invitations), renders the invitation table and all modals (create, details, revoke, revoke-resend). Supports theming via getComponentStyles, readOnly mode, hideHeader, and custom CSS classes.

<OrganizationMemberManagement
  defaultTab="invitations"
  hideHeader={false}
  readOnly={false}
  createInvitationAction={{ onAfter: (data, result) => track('invite_sent') }}
  styling={{ classes: { 'OrganizationMemberManagement-root': 'my-custom-class' } }}
/>

Example App Integration

• Added /member-management page to all example apps (next-rwa, react-spa-npm, react-spa-shadcn).
• Added "Members & Invitations" sidebar link with Users icon.
• Updated example scripts for member management resource servers.

Exports

• Added OrganizationMemberManagement to components/index.ts
• Added useOrganizationMemberManagement to hooks/index.ts

References

Part of the member management invitations feature.

Testing

• This change adds unit test coverage

Integration tests are in PR 5.

• This change has been tested on the latest version of the platform/language

Checklist

• I have read the Auth0 general contribution guidelines
• I have read the Auth0 Code of Conduct
• All existing and new tests complete without errors

[NaveenChand755]

this can be moved to core