Fix: header badge row blocks the hamburger menu on phones
When users had 5 equipped badges, the header strip of 30px dots ate about 170px of horizontal space — on narrow phone screens that pushed Jellyfin's own hamburger menu and profile icon off the right edge of the header bar and made them completely unreachable.
The header strip is now hidden on screens below 640px wide via an injected CSS media query:
@media (max-width: 640px){
#ab-header-badges { display: none !important; }
}The sidebar entry still works on phones, so users can still get to their achievements page from the nav drawer. The header strip is now desktop / fold / tablet only.
Applied to both the middleware inline fallback and the disk-injected sidebar.js so the fix covers every client path.