fix: Adjust page titles and badges for consistency

[SuaYoo]

In preparation for #2874

Changes

• Fixes browser profile page width
• Use badges in archived item page header
• Removed "QA Analysis Runs" column from archived items to create space for more critical information
• Fix upload status not displayed in detail view
• Fix user chip font

Screenshots

Page	Image/video
Archived Item
Archived Item (no collections)
Archived Item (reviewed)
Archived item (upload)

[tw4l]

Looks good!

I wonder if it would be more helpful to have the "Reviewed" archived item page header badge have the rating in the text instead of just on hover (it also appears to be just the number in the hover text rather than the appropriate text string from the review status enum).

So, e.g., instead of Reviewed, the badge could read Reviewed: Excellent or even QA Rating: Excellent to match the sort option in the archived items list.

[SuaYoo]

I wonder if it would be more helpful to have the "Reviewed" archived item page header badge have the rating in the text instead of just on hover

Good point! Updated:

IMO there's enough context with the color and icon to show the "QA Rating" label only in the tooltip:

Could be convinced otherwise, though.

[tw4l]

Good point! Updated...

IMO there's enough context with the color and icon to show the "QA Rating" label only in the tooltip...

Yes I think this looks great! I agree that there's enough context there already that it shouldn't be confusing this way.

[emma-sg]

Nice, looks great!