feat(Table): Change column width to match style guidelines

[Artikodin]

• Feature
• Fix
• Enhancement

Description

What is already done in that PR :

• changed column width to respect the style guidelines
  How that works :
• I check the column's number on the table.
• Add one to the result (because first column take two column width)
• Set column width except first one to 100% / column's number + 1
• All cell gonna have the same width except the first one which take remaining space (2 columns width)
• First column : To crop text and avoid text overflowing on the other cell I remove display: flex attribut which lead to an issue on safari :

icon is not aligned anymore

What is need to be done :

• Fix icon alignement issue
• Check on mobile (Sonar) if the preview implementation works
• Remove freshchat logo
• Don't fill height when table is not long enough
  
• Fix/Add tests
• Add shadows to the table
  I already started that point. The way I think the solution :
• To add shadow effect I display a transparent element on to of table content which fit to cells body
• In that element need to add 2 more elements (div or pseudo element) on each side width shadow in it
• When table content is scrollY > 0 display left shadow
• When table content is scrollY < max content width display right shadow

Related / Associated Jira Cards :

BP-434

Todo - Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.

[anglol]

I just added the shadows on scroll.

[sun-tea]

May not be directly related to the PR but I noticed that the height of the children's row is not the same (padding difference)