feat(CoverageTable): [EPIC-137] Improve CoverageTable

[kimkwanka]

What this PR does

This PR improves the CoverageTable implementation by doing the following:

• Add hideScrollBarsMobile prop
• Fix scrollbar hiding killing the mobile view buttons
• Add props to change detail button captions
• Truly disable TableArrows buttons to avoid some edge cases
• Expose onSelectionChanged callback
• Replace underline links with (i) buttons
• Expose classNameOverrides and made "sections" into real sections
• Increase cell text contrast
• Fixed an issue where uncollapsed sections would overflow on the right
• Adjust padding and cell default sizes
• Fix addon card size

Why is this needed?

To have a more streamlined CoverageTable which still offers flexibility.

Solves:
EPIC-137

Checklist:

• I reviewed my own code
• The changes align with the designs I received
  Or give a reason why this does not apply:
• I have attached screenshot(s), video(s) or gif(s) showing that the solution is working as expected
  Or give a reason why this does not apply:
• I have updated the task(s) status on Linear
• All new media is optimized (images, gifs, videos)

Browser support

My code works in the following browsers:

• Firefox
• Chrome
• Safari
• Edge

[diogomateus]

My only question is about these two blocks having different widths, is this expected?

[kimkwanka]

My only question is about these two blocks having different widths, is this expected?

Yeah it's expected, as that details button just spans the whole container width whereas the sections are as big as their internal content. I'll try to figure out something. Thanks for bringing this up!

[kimkwanka]

I exposed the details button's className as well now, so that one can add custom styling. @diogomateus