Refactor of MapFooter container layout

[allyoucanmap]

Description

The MapFooter container style has hardcoded height set to 30px that makes difficult to have a proper responsive container that adjust based on the children components. In addition the overall map footer layout depends on absolute positioning that requires js code and css logic assign to other plugins to place correctly other surrounding components (e.g. map, map toolbar, background selector, panel height).

Requirements:

• a new map footer container placed on the footer containerPosition of the map viewer
• this container should have a relative position covering the 100% of the width while the height will change based on the content
• map footer as plugin container should provide two targets, one on the left and another on the right
• existing children plugin (items) should be placed in the same position reviewing the style when needed
• remove css related to the map to move the bottom as the footer size
• remove the bottom margin inside the maplayout
• check behavior on small screen device and include a flex wrap layout if needed

On this commit allyoucanmap@f275856 there is a PoC with initial work for this task

What kind of improvement you want to add? (check one with "x", remove the others)

• Minor changes to existing features

Other useful information