lizmap-features-table - Improve the logic of the feature detail opening

[mdouchin]

Improve the way the web component <lizmap-features-table> displays the popup of a feature when the user clicks on its title.

This adds a new way to load the component with a highlighted feature at startup,
by adding a new optional attribute data-active-item-feature-id.

If this attribute is set to a valid feature ID, the table will be hidden and the corresponding feature popup visible.

For example:

• By setting the attribute in the HTML element definition:

  <lizmap-features-table
    sortingorder="asc" sortingfield="libsquart" 
    withgeometry="1" 
    expressionfilter="quartmno = 'MC'" 
    uniquefield="id" 
    data-center-to-highlighted-feature-geometry="true" 
    data-show-highlighted-feature-geometry="true" 
    layerid="sousquartiers_24ceec66_e7fe_46a2_b57a_af5c50389649" 
    layertitle="child sub-districts" 
    data-active-item-feature-id="18"
  >
  <lizmap-features-table>

• By setting the attribute in Javascript:

  // Get the element (the selector must probably be more specific.)
  const elt = document.querySelector('lizmap-features-table')
  // Change its attribute data-active-item-feature-id which will display the feature details
  elt.setAttribute('data-active-item-feature-id', 18);
  // Note here that you can also use the dataset shortcut
  elt.dataset.activeItemFeatureId = 23;
  
  // Move back to the list of features
  // Note here that you can also use the dataset shortcut
  elt.dataset.activeItemFeatureId = null

Ticket : #5146

Funded by 3liz

[rldhont]

minor changes