feat: add ability to show error message for the tiles on the enabled applications page.

[yzhao583]

Jira: https://issues.redhat.com/browse/NVPE-38

Description

Add the ability to show error messages for the tiles on the enabled applications page.

How Has This Been Tested?

Tested locally.

Test Impact

• Enable NIM by providing a valid API key -> go to the Enabled page, a tile for NIM should be there.
• Go to console to change the API to invalid -> go to the Enabled page, there should be a disabled button on the top-right corner of the NIM tile.
• Click the disabled button, a popover showing error message should be displayed.

Request review criteria:

Self checklist (all need to be checked):

• The developer has manually tested the changes and verified that the changes work
• Testing instructions have been added in the PR body (for PRs involving changes that are not immediately obvious).
• The developer has added tests or explained why testing cannot be added (unit or cypress tests for related changes)

If you have UI changes:

• Included any necessary screenshots or gifs if it was a UI change.
• Included tags to the UX team if it was a UI/UX change.

After the PR is posted & before it merges:

• The developer has tested their solution on a cluster by using the image produced by the PR to main

[openshift-ci]

Hi @yzhao583. Thanks for your PR.

I'm waiting for a opendatahub-io member to verify that this patch is reasonable to test. If it is, they should reply with /ok-to-test on its own line. Until that is done, I will not automatically test new commits in this PR, but the usual testing commands by org members will still work. Regular contributors should join the org to skip this step.

Once the patch is verified, the new status will be reflected by the ok-to-test label.

I understand the commands that are listed here.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository.

[codecov]

Codecov Report

Attention: Patch coverage is 50.00000% with 8 lines in your changes missing coverage. Please review.

Project coverage is 84.27%. Comparing base (bfe6c12) to head (40cc26d).
Report is 2 commits behind head on main.

Files with missing lines	Patch %	Lines
frontend/src/components/OdhAppCard.tsx	0.00%	5 Missing ⚠️
...nd/src/utilities/useWatchIntegrationComponents.tsx	72.72%	3 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #3641      +/-   ##
==========================================
+ Coverage   84.05%   84.27%   +0.22%     
==========================================
  Files        1432     1432              
  Lines       33479    33489      +10     
  Branches     9279     9284       +5     
==========================================
+ Hits        28140    28223      +83     
+ Misses       5339     5266      -73     

Files with missing lines	Coverage Δ
frontend/src/types.ts	100.00% <ø> (ø)
...nd/src/utilities/useWatchIntegrationComponents.tsx	84.74% <72.72%> (+44.74%)	⬆️
frontend/src/components/OdhAppCard.tsx	61.90% <0.00%> (-1.00%)	⬇️

... and 6 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update bfe6c12...40cc26d. Read the comment docs.

[emilys314]

/ok-to-test

[emilys314]

Also is there any tests we can add for the new functionality for integration apps?

[emilys314]

/lgtm
/approve

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: emilys314

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• OWNERS [emilys314]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment