Leverage mh-group to reduce the size needed for news item

[chrisguindon]

We currently make all news items the same height using https://github.com/liabru/jquery-match-height.

Because of this, the page can become very long if we have 1 news item with a lot of text.

Requirement:

• Drop match-height for news on sites with only 1 column for news-item. This must be configurable from the shortcode.

• If we have 2 columns, like on eclipse.org and jakarta.ee, we need to create an mh-group for each news-item row. The goal is not to set the same height for all news items but only the ones that are side-by-side:

  • News 1 (mh-group: news-summary-item-1) | Community News 1 (mh-group: news-summary-item-1)
  • News 2 (mh-group: news-summary-item-2) | Community News 2 (mh-group: news-summary-item-2)
  • News 3 (mh-group: news-summary-item-3) | Community News 3 (mh-group: news-summary-item-3)
  • News 4 (mh-group: news-summary-item-4) | Community News 4 (mh-group: news-summary-item-4)

[flora8984461]

the 3 pr is for this issue
EclipseFdn/solstice-assets#183
jakartaee/jakarta.ee#922
EclipseFdn/jquery-eclipsefdn-api#30

Reference:
liabru/jquery-match-height#177 is similar to my issue,
The answer proposed the following:

$('[data-mh]').matchHeight({ remove: true });
$.fn.matchHeight._maintainScroll = true;
$.fn.matchHeight._applyDataApi();

But for me I just need:
$.fn.matchHeight._applyDataApi();