fix(uploads): fix archive upload modal invalid labels popover

[maxcao13]

Welcome to Cryostat! 👋

Before contributing, make sure you have:

• Read the contributing guidelines
• Linked a relevant issue which this PR resolves
• Linked any other relevant issues, PR's, or documentation, if any
• Resolved all conflicts, if any
• Rebased your branch PR on top of the latest upstream main branch
• Attached at least one of the following labels to the PR: [chore, ci, docs, feat, fix, test]
• Signed the last commit: git commit --amend --signoff

---

Fixes: #997

Description of the change:

The change reverts ArchiveUploadModal to append to document body for the popover to show again. I cannot figure out quite the reason why appending the modal to portalRoot makes popperjs think that the popper is being cutoff in some way.

According to an article I read:

Popper attaches attributes in the following cases:

    data-popper-escaped: When the popper escapes the reference element's clipping container (it appears detached)
    data-popper-reference-hidden: When the reference element is hidden from view (it appears attached to nothing)

But it doesn't seem the reference is ever hidden from view, even when the expandedContent is expanded, and it doesn't make sense why having the modal append to portalRoot vs root/body would add these attributes.

For now, appending the modal to document body is completely ok.

The change also shows the popover if invalid jsons that dont have the label field are uploaded.

How to manually test:

1. go to Archives -> Upload -> Test out bad metadata json files e.g. {ASDfsadf} and {"labels":{"asdf"""":"asdf"}}

[github-actions]

Test image available:

CRYOSTAT_IMAGE=ghcr.io/cryostatio/cryostat-web:pr-998-ce2be7cb29ab331f37cf9e07f1808e41024bc9ef sh smoketest.sh

[tthvo]

Looks good! Very weird with Popper.js indeed.