Adds click handlers and pointer cursor styling to sortable column headers in the extensible table component. This allows users to sort columns by clicking on the header, improving table usability.

Description

Resolves #22928

Enhances the extensible table component by making sortable column headers fully clickable. Previously, users could only sort columns by clicking on the sort icons, but now they can click anywhere on the header text to trigger sorting.

Changes Made:

• Added let-sortFn="sortFn" parameter to ngx-datatable-header-template to access the sorting function
• Implemented click handlers (click)="prop.sortable && sortFn(column)" for both tooltip and non-tooltip headers
• Added conditional pointer cursor styling [class.pointer]="prop.sortable" using existing CSS class pattern
• Maintained consistency with existing codebase patterns (used [class.pointer] instead of inline styles)

Benefits:

• Improved user experience - larger clickable area for sorting
• Consistent with standard table UI patterns
• Better accessibility for users
• No breaking changes to existing functionality

Checklist

• I fully tested it as developer / designer and created unit / integration tests
• I documented it (or no need to document or I will create a separate documentation issue)

How to test it?

1. Navigate to any page that uses the extensible table component (e.g., Identity Management, Tenant Management)
2. Verify that sortable column headers show a pointer cursor when hovering
3. Click on any sortable column header text (not just the sort icon) and verify that sorting is triggered
4. Test both ascending and descending sort by clicking the same header multiple times
5. Verify that non-sortable columns do not show pointer cursor and do not respond to clicks
6. Test headers with tooltips to ensure tooltip functionality still works alongside sorting