ui(components): migrates to new toolbar ui components and Numeric for Input InputRange and InputDoubleRange (#4728)

Co-authored-by: sedghi <ar.sedghi@gmail.com>

platform/app/cypress/integration/measurement-tracking/OHIFCornerstoneToolbar.spec.js

@@ -72,7 +72,7 @@ describe('OHIF Cornerstone Toolbar', () => {
     // Assign an alias to the button element
     cy.get('@wwwcBtnPrimary').as('wwwcButton');
     cy.get('@wwwcButton').click();
-    cy.get('@wwwcButton').should('have.class', 'bg-primary-light');
+    cy.get('@wwwcButton').should('have.attr', 'data-active', 'true');
 
     //drags the mouse inside the viewport to be able to interact with series
     cy.get('@viewport')
@@ -97,7 +97,7 @@ describe('OHIF Cornerstone Toolbar', () => {
     cy.get('@panButton').click();
 
     // Assert that the button has the 'active' class
-    cy.get('@panButton').should('have.class', 'bg-primary-light');
+    cy.get('@panButton').should('have.attr', 'data-active', 'true');
 
     // Trigger the pan actions on the viewport
     cy.get('@viewport')

platform/app/cypress/integration/measurement-tracking/OHIFGeneralViewer.spec.js

@@ -18,7 +18,7 @@ describe('OHIF General Viewer', function () {
     cy.get('@zoomBtn')
       .click()
       .then($zoomBtn => {
-        cy.wrap($zoomBtn).should('have.class', 'bg-primary-light');
+        cy.wrap($zoomBtn).should('have.attr', 'data-active', 'true');
       });
 
     const zoomLevelInitial = cy.get('@viewportInfoTopLeft').then($viewportInfo => {

platform/app/cypress/integration/volume/MPR.spec.js

@@ -7,7 +7,7 @@ describe('OHIF MPR', () => {
   });
 
   it('should not go MPR for non reconstructible displaySets', () => {
-    cy.get('[data-cy="MPR"]').should('have.class', 'ohif-disabled');
+    cy.get('[data-cy="MPR"]').should('have.class', 'cursor-not-allowed');
   });
 
   it('should go MPR for reconstructible displaySets and come back', () => {