New rendering: metadata

[romu70]

⚠️ If your issue is about an error during fetching a link, please read: http://doc.wallabag.org/en/user/errors_during_fetching.html#how-can-i-help-to-fix-that

Issue details

In order to spread the metadata across the page with, I did the following:

• split in 2 groups, the metadata we're sure to always get (time to read, addition to wallabag date-time, source link, annotations counter) and a group for the optional ones (date time of writing, author, ... others? ...)
• the global metadata group is a vertical flexbox
• each metadata group is a horizontal flexbox
• add a small caret as separator between each metadata, with spaces
• remove icons for text description, this reduces the visual distraction, but at the price of a needed localization

Environment

• wallabag version (or git revision) that exhibits the issue:
• How did you install wallabag? Via git clone or by downloading the package?
• Last wallabag version that did not exhibit the issue (if applicable):
• php version:
• OS:
• type of hosting (shared or dedicated):
• which storage system you choose at install (SQLite, MySQL/MariaDB or PostgreSQL):

Steps to reproduce/test case

Please provide necessary steps for reproduction of this issue, or better the
reduced test case (without any external dependencies, if possible).