pkp/pkp-lib#11850 Fix ORCiD display on reviewer modal(main)

[taslangraham]

For pkp/pkp-lib#11850

[blesildaramirez]

Hi @taslangraham , I tested this on storybook and your fix works.
Just thought that we should address the long affiliation names. Currently, the rest of the text disappears:

We can fix this by adding these classes:

Suggested change

	class="listPanel__item--reviewer__affiliation"
	class="listPanel__item--reviewer__affiliation whitespace-normal break-words"

Then the affiliation name will render like this:

[blesildaramirez]

(Follow up on my previous comment)
I see that we intentionally set these rules to the parent container:

.listPanel__itemTitle,
.listPanel__itemSubtitle {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

Instead of adding the whitespace-normal break-words, we can just remove the listPanel__itemSubtitle class so complete text will always be displayed on the child elements.

Suggested change

class="listPanel__itemSubtitle"