Improve sample size and column size for smaller sizes

[dkamburov]

Especially for this page:

We need to at least add some min Width for the colunms:

[MayaKirova]

@dkamburov Since there's no information on a specific small target size we want to optimize for I'll try to do a best guess.

The landing page has some css rules that limit the frame with the sample based on the page size as follows:

• On sizes larger than 1279px: max-width: 1160px;
• For size between (min-width: 960px) and (max-width: 1279px): max-width: 980px;
• For size between (min-width: 768px) and (max-width: 959px): max-width: 740px;
• For sizes between (min-width: 480px) and (max-width: 767px): max-width: 440px;

Realistically, I don't think this sample is suitable for the smallest size (440px), as the sample is complex and you'd barely see any columns and templates at that point.

So I guess the closest possible "small" size we can optimize for is 740px.
This is what that looks like ATM:

Applying some changes such as:

• Remove the row selection, because there's no functionality linked to it. We are selecting rows but what are we doing with the selection? If we're doing nothing what is the point of it?
• apply some minWidths
• Removing sorting to show more of the header text
• Trimming some of the unnecessary header texts

We got this for the 740px size :

And this is for 980px:

And the largest one 1160px:

Let me know if that would work for you.
The suggested changes are on PR.

[dkamburov]

@ChronosSF and @kdinev what do you think about the suggested changes? I'm not completely sure we should remove row selectors and sorting, but I do agree the design looks cleaner visually.