fix: second line of userBadge being cut off (#33942)

# Description
Closes #33733 
Screenshots show the line height fix and what the userbadge looks like on the side menu.
# Screenshots
This is the fix with `line-height: normal;`: 
<img width="1149" alt="image" src="https://user-images.githubusercontent.com/7014871/165525069-2bd24e8a-80e6-4ff1-ba1d-cea39ff0a70d.png">


This is after with only the line height within the replays index modified.
<img width="650" alt="image" src="https://user-images.githubusercontent.com/7014871/165343703-83716984-cd60-4036-9112-b2732d435ef0.png">





<!-- Describe your PR here. -->



<!--

  The following applies to third-party contributors.
  Sentry employees and contractors can delete or ignore.

-->

----

By submitting this pull request, I confirm that Sentry can use, modify, copy, and redistribute this contribution, under Sentry's choice of terms.

static/app/components/idBadge/userBadge.tsx

@@ -54,7 +54,7 @@ const StyledUserBadge = styled('div')`
 const StyledNameAndEmail = styled('div')`
   flex-shrink: 1;
   min-width: 0;
-  line-height: 1;
+  line-height: normal;
 `;
 
 const StyledEmail = styled('div')`