feat(15128): load and error state for modelArtifact on mr version detail

[gitdallas]

closes: https://issues.redhat.com/browse/RHOAIENG-15128

Description

add loading spinner and error for the loading of modelArtifacts on mr version details page.

show spinner on full page as the loading doesn't take long and determines some of the page format

show error in the model location area

How Has This Been Tested?

you can see the spinner briefly if you refresh the page. otherwise i was hard coding an error value to see that.

Test Impact

had to add an intercept to make sure the right side of mr version detail loads after selecting a different version #

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

[gitdallas]

there was still some discussion on how this should look, but i am planning to be out next week and wanted to get something in

https://issues.redhat.com/browse/RHOAIENG-15128?focusedId=26139642&page=com.atlassian.jira.plugin.system.issuetabpanels%3Acomment-tabpanel#comment-26139642

[codecov]

Codecov Report

Attention: Patch coverage is 86.20690% with 4 lines in your changes missing coverage. Please review.

Project coverage is 85.56%. Comparing base (a24aabc) to head (254369c).
Report is 6 commits behind head on main.

Files with missing lines	Patch %	Lines
...ns/ModelVersionDetails/ModelVersionDetailsView.tsx	86.20%	4 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #3515      +/-   ##
==========================================
- Coverage   85.57%   85.56%   -0.02%     
==========================================
  Files        1372     1372              
  Lines       31211    31216       +5     
  Branches     8741     8744       +3     
==========================================
- Hits        26710    26709       -1     
- Misses       4501     4507       +6     

Files with missing lines	Coverage Δ
...ns/ModelVersionDetails/ModelVersionDetailsView.tsx	86.66% <86.20%> (-8.34%)	⬇️

... and 1 file 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 a24aabc...254369c. Read the comment docs.

[manaswinidas]

/lgtm

I can see the loading state in MR version details page.. wondering whether we are doing the same for Model Details page 🤔 - that will require a different ticket I guess.. this is good to go.

[mturley]

LGTM, thanks @gitdallas

[mturley]

@manaswinidas

wondering whether we are doing the same for Model Details page 🤔 - that will require a different ticket I guess

I wanted to double check and I think we're good on the model details page. It doesn't need to load any extra data, it just uses the registeredModel passed into it. The loading/error states for that are handled all the way up at the ModelVersions component (despite the name, that's the whole page for a model) before the model is passed into ModelVersionsTabs and then ModelDetailsView.

[mturley]

/retest

[mturley]

Thanks @gitdallas

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: manaswinidas, mturley

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:

• frontend/OWNERS [mturley]

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