Add role="..." to Table family components when component="..." is specified

[ypresto]

Summary 💡

For table accessibility, when component="..." is specified to Table family components, it'd be better to render role="..." prop.

Examples 🌈

<Table component="div" /> will be <div role="table"></div>.

Motivation 🔦

I want to make the entire row <a> tag to support some browser features like drag-and-drop link and new tab shortcut (cmd+click).

[oliviertassinari]

@ypresto This sounds like a good idea. Do you want to work on the problem?

[arturbien]

If @ypresto is busy I can take care of that ☺️