Profile: Correct rendering of usernames in several lines (#2208)

src/components/common/ChatExtra.tsx

@@ -128,7 +128,7 @@ const ChatExtra: FC<OwnProps & StateProps> = ({
                       stopEvent(e);
                       copy(`@${nick}`, lang(isChat ? 'Link' : 'Username'));
                     }}
-                    className="username-link"
+                    className="text-entity-link username-link"
                   >
                     {`@${nick}`}
                   </a>

src/components/left/settings/Settings.scss

@@ -344,10 +344,6 @@
   padding: 0 1.5rem;
 }
 
-.username-link {
-  color: var(--color-links);
-}
-
 .settings-quick-reaction {
   .Radio-main .label {
     display: flex;

src/components/ui/ListItem.scss

@@ -57,6 +57,8 @@
 
   .other-usernames {
     display: block;
+    white-space: normal;
+    line-height: 1.25rem;
   }
 
   .username-link {