We're settings these so that username is truncated. Setting the color is necessary here, as the color of ellipsis is taken from parent instead of the child that is truncated (we want for the ellipsis to have the same color as the username).

Ok, will change that

No, as the border is rendered between the padding and the margin. We can use padding top though.

This screen shouldn't be visible for logged out users... We can replace this conditional with invariant, but I prefer avoiding them because they caused a lot of issues in the past. We can also just render null (or some message) in case of the user being logged out, which sounds like a reasonable solution here.

This string ends with a space, and if you search for '} then there are a couple of usages. If this notation is confusing I can use non-breaking space (which might be a better fit here).