Also removed notification mark

Removed title prop as popover is no longer used.
Added sectionName prop used to determine highlighting on the issues popup

Added prop for closing popup
Added sectionHighlight prop used to determine which section to highlight
Added autoscroll to the appropriate section based on sectionHighlight

Added sectionName prop to determine which section is rendering the comp
Removed title prop as it is not used anymore

 into extract-issues

added class for warning icon color

This ref is passed to section comp which now takes it as a prop

Uses orange color for warning icon

removed skeleton and replaced it with big icon loading

added <div classname="stack> to sections part

adjusted prop description

Removed both highlighting and scrolling mechanisms
Since only one section is shown, they make no sense

Reworded the message to encourage the users to go back and check in case of issues

Set Cancel as primary action and Accept as secondary action

set aria-label to "List of issues"

removed internal components

added Title as prop

It was needed to mock the core/IssuesDialog component to keep the test
simple instead of mocking the client and having to test things that
actually belongs to IssuesDialog component

Since core/Section is reserving space for icons, it looks a bit weird
when used inside a dialog for displaying a list of items. Too much space
on the left.

Thus, stop using it by now until the component allows conditionally
reserve such an space or not depending on whatever, a prop or parent.

Also, start using a plain HTML <ul> element instead of the PF/HelperText
for wrapping the list of issues.

There are some use cases where the IssuesDialog can be open for a
"subsection" of a big area. E.g., the "storage-actions" section could
link to the "storage" issues.

Thus, split the `sectionId` to use only the text found before the first
dash.

Issues Dialog is not a page and therefore the route is not needed

Using margin instead of padding