SR number and difficulty name misaligned

[longnguyen2004]

Example: https://osu.ppy.sh/beatmapsets/2239198#taiko/4758488, look at the SR pill and difficulty name

The SR number is left aligned instead of center aligned, and the pill + difficulty text is bottom aligned instead of middle aligned

Here I added text-align: center to .difficulty-badge__rating and vertical-align: middle to .difficulty-badge--beatmapset and it seems to look better?

[Joehuu]

SR being misaligned is a duplicate of #8806.