fix: #7500 Table Select All Column Header ID

[jsmitrah]

Closes #7500

✅ Pull Request Checklist:

• Included link to corresponding React Spectrum GitHub Issue.
• Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• Filled out test instructions.
• Updated documentation (if it already exists for this component).
• Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

• Go to TableView in Storybook and open a story with multiple selection enabled.
• Inspect the "Select All" checkbox column header using browser DevTools.
• Verify that the id attribute uses the provided rowHeaderCustomColumnId prop and remains stable after page refreshes.

🧢 Your Project:

[jsmitrah]

The lint check fails because "props.children" is included in the useMemo dependency array even though it isn't used inside the useMemo callback. However, if I remove "props.children" from the dependency array, CI tests 16, 17, and 18 fail. This indicates that it was included for a reason, even if it isn't directly referenced inside the callback. So, removing "props.children" from the useMemo dependencies is not the correct fix.

[snowystinger]

What did you find when you looked into this comment? #7500 (comment)

[jsmitrah]

Hi @snowystinger, Thanks for reviewing this

The code mentioned in the comment is used to generate the prefix ID for the parent div of the column header "Select All" checkbox. The prefix remains static, while the suffix is generated by an outer function and changes after every refresh. This suffix is also assigned as the ID of the "Select All" checkbox input element.
To address this, I created a new prop that allows a custom ID to be set for the "Select All" checkbox input element.