Edge Model Registry - Sidebar and EmptyState

[Sara4994]

Closes: #2061

Description

As part of new Edge specific initiatives, this PR introduces new section for Edge MVP and an empty state component on the new Model Registry page.

Its just the first step in Edge initiative and there will be more features introduced soon.

How Has This Been Tested?

Click Edge MVP option on the sidebar and select Model Registry

Test Impact

Integration Testing: Included simple test to check the title of EmptyState has rendered.

Request review criteria:

Self checklist (all need to be checked):

• The developer has manually tested the changes and verified that the changes work
• Commits have been squashed into descriptive, self-contained units of work (e.g. 'WIP' and 'Implements feedback' style messages have been removed)
• 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 tests & storybook 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 (find relevant UX in the SMEs section).

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

[Gkrumbach07]

@Sara4994 Make sure you fill out all the template information, including the checkboxes

[Gkrumbach07]

/hold waiting on tests

[Gkrumbach07]

waiting on tests, the rest looks good

[Gkrumbach07]

/lgtm

@christianvogt can you give the final look at this to merge

for context this is just the feature flag and the first empty state for the edge feature

[Gkrumbach07]

waiting on UX as well.

@vconzola This is just for the navbar on the side and one empty state. The wording can change in future PRs if you dont have one now. This is just so we can start putting in a foundation for the architecture of the feature

[dpanshug]

/lgtm

[dpanshug]

/lgtm

[vconzola]

@Sara4994 After discussions with Gage and the RHOAI dashboard team I've updated the mockups, including the navigation and the empty state.

1. Edge will appear in the navigation above Settings and Resources
2. We'll only have two subheadings under Edge - Models and ML Ops Pipelines (this second one might change)
3. Text on the empty state has been updated. (Still not final, but close enough for now.)

Mockups here: https://docs.google.com/presentation/d/1W9wHeASZsxz4W1UzyN-HfQCqeMhI0dm4IpyxnPBALLo/edit?usp=sharing Only the mockups with the red dots will be included for December.

cc: @Gkrumbach07

[Sara4994]

Thanks @vconzola for providing updated mockups. I have updated the UI as per the suggestions. please have a look if that looks good.

[dpanshug]

@Sara4994 Can you update the screenshot in description, easy to review by UX. Also the linting test is failing.

[dpanshug]

/lgtm

[vconzola]

LGTM.

[christianvogt]

/lgtm
/approve

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: christianvogt, dpanshug, Gkrumbach07

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 [christianvogt]

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