Adds components for a selectable table

[mko-sci]

Description

Table when nothing is selected:

Multiple rows are selected:

All rows are selected:

Behavior:

• if the "select-all-checkbox" is being clicked on, all rows are checked.
• if all rows are checked, the "select-all-checkbox" in the thead will be checked as well.
• if all rows are checked and the "select-all-checkbox" is checked, all rows will be unselected.
• if all rows are checked and one row gets unchecked, the "select-all-checkbox" is unchecked.
• rows can be checked by either clicking on the checkbox or on the row.
  • Note: Clicking on links and buttons wont trigger the row selection

Additional Notes

• This PR fixes or works on following ticket(s): OX-11093

Checklist

• Code change has been tested and works locally
• Code was formatted via IntelliJ and follows SonarLint & best practices

[jakobvogel]

The grey of selected lines in the screenshot looks a bit too dark (contrast!)

[mko-sci]

The grey of selected lines in the screenshot looks a bit too dark (contrast!)

Its a bit brighter than the hover effect in reality.

[jakobvogel]

The grey of selected lines in the screenshot looks a bit too dark (contrast!)

Its a bit brighter than the hover effect in reality.

The hover effect can be terminated by just moving the mouse. Your highlighting requires to undo the selection if the color contrast is bad. Please make sure that the color choice is sufficient in terms of accessibility requirements.

[sabieber]

The grey of selected lines in the screenshot looks a bit too dark (contrast!)

I don't really like the grey in general, as it clashes with the hover effect and the striped-table-mode.
Maybe a very soft blue or some other highlight entirely would be better suited.

[mko-sci]

bg-sirius-cyan:

bg-sirius-cyan-light:

bg-sirius-blue-light:

bg-sirius-gray-light:

bg-sirius-gray-lighter:

IMHO: bg-sirius-gray-lighter fits the best!

[jakobvogel]

IMHO: bg-sirius-gray-lighter fits the best!

Hmm, because it is more desaturated than the others. I think @sabieber was referring to pastel-like colors, like the blue used by Apple for text selections, or by MIO for the background of the green conversation tags, etc.

[mko-sci]

bg-sirius-blue-faint: