Fix tables half width

This branch fixes issue #292 (closed). The main idea is to replace tables with grids and panels that allow for more responsiveness. Only on a few pages, I keep tables when they are not too wide. For a better display, grids are nested inside panels and information are spread in the header, body and footer.

Here is an example with the switch page:

Before:

After:

And in tablet and telephone mode:

The same principle is applied for all the pages listed in issue #292 (closed). The only drawback is that the feature to sort results by a specific field (i.e. alphabetical order on the name) is gone. I don't think that was a critical feature.

You should pay a special attention to the sidevan (user's tab) that was a major issue for the small-width screens. This issue has been cerected by displaying a different version of the table depending on the width. For the machine names, those have been splitted up at the dots to allow the browser to split them correctly. I think this is a bit odd but way better than missing the last parts of the machine name.

Large, normale display

Medium, compact display

Small, compact display

Extra small (phone), normal display