Story

We've already evaluated the common @janus-idp/shared-react utilities, hooks, and components shared between Tekton and Topology in the spike https://issues.redhat.com/browse/RHIDP-5311. 
As part of this ticket, we will migrate or reuse hooks, utils, types, and components to  [aonic-ui|https://github.com/redhat-developer/aonic-ui/tree/main/packages/pipelines/src]

Slack thread

Background

Dependencies and Blockers

QE impacted work

Documentation impacted work

Acceptance Criteria

• For each hook, util, component, and type, verify if an equivalent element already exists in aonic-ui, then update the imports to point to `aonic-ui` instead of `shared-react`

• If it doesn’t, copy the reusable element from `shared-react` to `aonic-ui`

• Update the import statements across to point to `aonic-ui` instead of `shared-react`
• For Components that imports icons and styles from MUI apply a naming convention using a MUI prefix ? Ex: MUIStatus

• Cleanup topology and tekton plugins to remove PF references like class names and variables

• Ensure that there are no remaining dependencies on `shared-react` package

• Verify the functionalities of tekton and topology plugins remain unchanged

• Ensure all tests pass and add/update tests where needed
• Update the readme with an example on how to use an element(hook, Component, util or a type)