[data grid] Use baseTooltip slot for column header sort icon

[kzhgit]

• I have followed (at least) the PR section of the contributing guide.

Description

This PR updates the column header sort icon to use the baseTooltip slot, ensuring consistency with other header icons (filter and menu icons) and enabling tooltip customization.

Problem

Previously, the sort icon used only the native browser tooltip (via the title attribute), while other header icons (filter, menu) used the baseTooltip slot. This inconsistency prevented users from customizing the sort icon tooltip appearance.

Solution

• Wrapped GridColumnSortButton with rootProps.slots.baseTooltip in GridColumnHeaderSortIcon
• Passed title={undefined} to GridColumnSortButton to suppress the native tooltip and prevent double tooltips
• Added enterDelay={1000} to match the behavior of other header icons

Changes

• Modified packages/x-data-grid/src/components/columnHeaders/GridColumnHeaderSortIcon.tsx
• Added regression test in packages/x-data-grid/src/tests/columnHeaders.DataGrid.test.tsx

Related Issues

Fixes #11327
Supersedes #11348 and #11349

Testing

Added a test case that verifies:

• The sort icon is wrapped by the baseTooltip component
• The native title attribute is removed from the button to prevent double tooltips

npx vitest run packages/x-data-grid/src/tests/columnHeaders.DataGrid.test.tsx

→ All tests pass ✅