[Feature] Api tile enhancement

[dulithsenanayake]

We introduced this PR to add the new feature API tile enhancement to both the publisher & dev portals. The current API tile information lacks some necessary business details from a marketplace perspective. With this feature, we are extending the API tile information structure to accommodate optional properties such as business information, external APIs, and the monetization-enabled state of the APIs. These properties are displayed in the API tile through a config. Users can set the 'display' property of optional properties as per their preference. By default, the configuration for the 'display' property is set to 'false.' This configuration can be found in the 'settings.json' file in both portals.

For the publisher portal, the configuration is as follows:

"apis": {
    "tileDisplayInfo": {
      "showMonetizedState": false,
      "showBusinessDetails": false,
      "showTechnicalDetails": false
    }, 

For the dev portal, the configuration is as follows:

"apis": {
        "tileDisplayInfo": {
            "showMonetizedState": false,
            "showBusinessDetails": false,
            "showTechnicalDetails": false
        }
    }

Please note that we haven't introduced a new configuration for the 'display' property of external APIs, as this label is already displayed in the API tile of the publisher portal when an API is marked as a Third-Party API. Therefore, we have added the same behaviour to the dev portal as well.

Below are screenshots of the new API tile for reference.

Publisher Portal

Dev Portal

Here we have added a popover to display the email of the business owner & technical owner. But we are not going to add more details here by taking the performance impact into consideration.

With Popover

Additionally, we have added this business info, monetization status and third-party label to the API Thumb plain tile as well for both portals. Below are the screenshots of the new Plain API tile for reference.

Publisher Portal

Dev Portal

Related PRs:

• apim-apps PR : [Feature] Api tile enhancement apim-apps#501