[bug/0.7.0-rc1] Long handle in reports form pushes report status

[turtlegarden]

Describe the bug with a clear and concise description of what the bug is.

In the Reports user interface, a long user handle can push the report status to the side on smaller screen widths as shown below (with the expected behavior beside, for side-to-side comparison):

What's your GoToSocial Version?

v0.7.0-rc1

GoToSocial Arch

No response

Browser version

Bromite 108, WebKitGTK 2.38.3, Firefox 109

What happened?

The user handle does not wrap and pushes the report status out of the container.

What you expected to happen?

The user handle should wrap on small screens and not push the report status out of the container.

How to reproduce it?

Report a user from a long domain, or change the HTML to make a fake user from a long domain, and then load it on a small screen.

Anything else we need to know?

I already have a pull request mostly complete that fixes this issue, and tidies up some CSS bugs with wrapping user handles.

[turtlegarden]

about the PR— it fixes the issues but it uses some things like 60% max width when the sidebar wraps to the top, so it's somewhat hacky

[f0x52]

ah hmm, well you can open it as draft and I'll take a look (have some different ideas too)

[f0x52]

that should do it