Fix text selection in conversation details

stylesheets/_modules.scss

@@ -2323,6 +2323,7 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
   max-width: 750px;
   margin-block: 0;
   margin-inline: auto;
+  user-select: none;
 
   @at-root .conversation #{&} {
     overflow-y: auto;

stylesheets/components/ConversationDetails.scss

@@ -519,6 +519,10 @@
   }
 }
 
+.ConversationDetails__MemberName {
+  user-select: text;
+}
+
 .ConversationDetails__CallHistoryGroup__List {
   list-style: none;
   margin: 0;

ts/components/conversation/conversation-details/PendingInvites.tsx

@@ -339,7 +339,11 @@ function MembersPendingAdminApproval({
               {...membership.member}
             />
           }
-          label={membership.member.title}
+          label={
+            <span className="ConversationDetails__MemberName">
+              {membership.member.title}
+            </span>
+          }
           actions={
             conversation.areWeAdmin ? (
               <>
@@ -443,7 +447,11 @@ function MembersPendingProfileKey({
                   {...membership.member}
                 />
               }
-              label={membership.member.title}
+              label={
+                <span className="ConversationDetails__MemberName">
+                  {membership.member.title}
+                </span>
+              }
               actions={
                 conversation.areWeAdmin ? (
                   <ConversationDetailsIcon