New "clickable" property for <ha-data-table>

[spacegaier]

Breaking change

Proposed change

New property so that a <ha-data-table> can be marked as clickable and therefore the pointer cursor is used.

An additional future change could be to make that a per row settings, in case only specific rows should be clickable. Not sure if we will have such a use-case, so this MVP is without such support.

I verified varies points:

1. Mouse cursor is correctly shown where the new property is set
2. Rows with checkboxes work just as fine as they did before (e.g. entity table)
3. Tables that have not set the new property remain with the old cursor (e.g. scenes and automations)

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

Additional information

• This PR fixes or closes issue: fixes Make resources visibly clickable in Lovelace Dashboards resource editor #5333
• This PR is related to issue:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[bramkragten]

Not sure about the name clickable, but don't really have a good alternative either.

[spacegaier]

For me it makes sense since the event is also called @click and that is basically what the new property is logically tied to. Would be even nicer, if we could detect if that event callback is attached, but I did not find a way to do so.