Bug 1905147

Created attachment 1737364 [details]
QS card with the problem.

Description of problem:

ConsoleQuickStart Card's prerequisites is a combined text instead of a list



How reproducible:


Steps to Reproduce:
1. Create a ConsoleQuickStart CR with more than one prerequisite

For example: see this yaml:
```
prerequisites:
  - Red Hat® OpenShift® Virtualization is installed in the Red Hat® OpenShift® cluster
  - Red Hat® Subscription for importing the guest image
```

Actual results:
The text is a long string of with all the prerequisites, with not even a single space between them; see attached image

Expected results:
The prerequisites should appear as a list


Additional info:
The issue is here: https://github.com/openshift/console/blob/7b07e5c32cf890555227660edcea3ae8550e368f/frontend/packages/console-app/src/components/quick-starts/catalog/QuickStartTileDescription.tsx#L26-L28

Suggested solution:
```
<>
            <Text component={TextVariants.h5}>{t('quickstart~Prerequisites')}</Text>
            <SimpleList aria-label="Prerequisites">
              {prerequisites.map((prerequisite) => (
                <SimpleListItem>{prerequisite}</SimpleListItem>
              ))}
            </SimpleList>
          </>
```

The problem with this suggested solution is that the list items are highlighted on hover, but the link is to the quick start guide itself. It makes the wrong imresion that the link is to moe info about the specific prerequisite. I guess some fine tuning will solve it.