[BUG] AppBar Close/Open by id

[jolevesq]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

AppBar button id are like details, layers.... if we have more then one map on the page, because id is the same..

Line 57 app-bar-helper.ts
// put back focus on calling button
document.getElementById(buttonId)?.focus();

** If there is more the 1 map, only the latest added app bar plugins is displated on the appBar**

Expected Behavior

We should use the geoviewContainer pass as param to the function from the component and use query selector

Plugins should be added even if more then 1 map

Steps To Reproduce

1. https://canadian-geospatial-platform.github.io/geoview/public/esri-feature.html
2. Open guide on map 1
3. Open guide on map 2
4. Close guide on map2, focus is now on map 1

Use the loading package and add a new map with with id, same config

  <div id="mapWM" class="geoview-map" data-lang="en" data-config-url="./configs/loading-packages-config.json"></div>
  <div id="mapWM1" class="geoview-map" data-lang="en" data-config-url="./configs/loading-packages-config.json"></div>

Anything else?

No response