Apply hardware profile to notebook image settings table

[DaoDaoNoCode]

JIRA: RHOAIENG-16258

Description

Apply the hardware profiles to the notebook image settings page. This remains unchanged when the hardware profile flag is disabled. When it's enabled, do the following changes:

1. Replace the identifiers selector in the import/edit modal of the notebook image, and map all the hardware profile identifiers in the node resources table (except 'cpu' and 'memory' as they are the default ones)

2. Replace the column Recommended identifiers with Recommended hardware profiles and put all the hardware profiles that has the selected identifier (as long as at least one identifier is included in the hardware profile node resources, we think that hardware profile is recommended)

3. When creating the hardware profile from the column, navigate it to the create hardware profile page and pre-fill the node resources table with the current recommended identifier(s)

How Has This Been Tested?

1. Turn on hardware profile feature flag
2. Create some hardware profiles with different custom identifiers in the node resources table
3. Go to notebook image settings page
4. Edit a notebook image, choose the identifier(s)
5. Make sure the hardware profiles that contain the identifier(s) are listed on the recommended column
6. Try to create a profile from this page, you will see the identifiers are filled in the search params in the URL
7. The node resources table should be pre-filled with the information in the URL

Test Impact

Added a unit test to test the recommended hardware profile filter function, and added a cypress test to test the pre-fill node resources table based on the search params in the URL.

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

[codecov]

Codecov Report

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

Project coverage is 84.17%. Comparing base (be0ba94) to head (f381496).
Report is 7 commits behind head on main.

Files with missing lines	Patch %	Lines
...src/pages/BYONImages/BYONImageHardwareProfiles.tsx	73.68%	5 Missing ⚠️
...BYONImages/BYONImageModal/ManageBYONImageModal.tsx	80.00%	1 Missing ⚠️
...ontend/src/pages/BYONImages/BYONImagesTableRow.tsx	75.00%	1 Missing ⚠️
frontend/src/pages/BYONImages/tableData.tsx	50.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #3645      +/-   ##
==========================================
- Coverage   84.26%   84.17%   -0.10%     
==========================================
  Files        1450     1452       +2     
  Lines       33766    33823      +57     
  Branches     9353     9369      +16     
==========================================
+ Hits        28454    28471      +17     
- Misses       5312     5352      +40     

Files with missing lines	Coverage Δ
backend/src/routes/api/images/imageUtils.ts	14.57% <100.00%> (ø)
...mageModal/HardwareProfileIdentifierMultiselect.tsx	100.00% <100.00%> (ø)
frontend/src/pages/BYONImages/BYONImagesTable.tsx	93.33% <100.00%> (+0.15%)	⬆️
frontend/src/pages/BYONImages/utils.ts	100.00% <100.00%> (ø)
...ages/hardwareProfiles/HardwareProfilesTableRow.tsx	84.37% <ø> (ø)
...dwareProfiles/manage/ManageNodeResourceSection.tsx	97.22% <100.00%> (+1.06%)	⬆️
...BYONImages/BYONImageModal/ManageBYONImageModal.tsx	91.83% <80.00%> (-1.50%)	⬇️
...ontend/src/pages/BYONImages/BYONImagesTableRow.tsx	84.00% <75.00%> (-1.72%)	⬇️
frontend/src/pages/BYONImages/tableData.tsx	77.77% <50.00%> (-9.73%)	⬇️
...src/pages/BYONImages/BYONImageHardwareProfiles.tsx	73.68% <73.68%> (ø)

... and 7 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 be0ba94...f381496. Read the comment docs.

[pnaik1]

@DaoDaoNoCode , I created notebook image with a new option(ex: gpu) for Hardware profile identifier and then clicking on create profile in the Recommended hardware profiles column , navigate it to the create hardware profile page and pre-fill the node resources table with the current recommended identifier(s)(ex: gpu) , I created the hardware profile with recommended identifiers, editing the newly created hardware profile doesnt show up the recomended identifier(ex: gpu)

rest of the functionality mentioned are working as expected

[pnaik1]

@DaoDaoNoCode , thanks for the changes, that works well
/lgtm

[DaoDaoNoCode]

Change the hardware profile part to reuse the current recommended accelerator identifiers annotation for better migrating and avoiding some bugs.

[Gkrumbach07]

/lgtm

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: 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 [Gkrumbach07]

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