feat(feedback): Refactor the feedback screenshot rendering to show N screenshots side by side

[ryan953]

Related to #67707

Here are some examples of one or more attached screenshots, with different sizes:

Desc	Img
single small
two same size
many wrapped
many inline

[ryan953]

cc @Jesse-Box I don't love the trash cans when there is more than 1 image (it's possible to submit more than one to the api, not via the feedback widget though).

super easy to update the delete button, but low-low pri.

[michellewzhang]

looks good! curious if it'd look better or worse if the background surrounding the screenshots was transparent rather than white

[michellewzhang]

deleting all the extra stuff !

[michellewzhang]

we don't need any of this hasContext stuff? :0

[ryan953]

i took it out because i think we really only care that there are screenshots. Within the rest of the page we don't show context at all, we get the message from feedbackItem.metadata.message for example. So I think if it's there or not, it shouldn't block our images.

I'm a bit worried that we're assuming the attachments will be images though.

[michellewzhang]

could we validate somehow that they are images?

[ryan953]

looks good! curious if it'd look better or worse if the background surrounding the screenshots was transparent rather than white

@michellewzhang I was thinking that too, this was calling for me: https://sentry.sentry.io/stories/?name=app/components/container/negativeSpaceContainer.stories.tsx

But i didn't play with it because the space around only appears when there are multiple images at different dimensions. I think that's going to be really rare.