translations changes

apps/photos/public/locales/en/translation.json

@@ -361,7 +361,7 @@
     "ADD_VIEWERS":"Add viewers",
     "ADD_VIEWER": "Add viewer",
     "PARTICIPANTS": " Participants",
-    "CHANGE_PERMISSIONS_TO_VIEWER": "{{selectedEmail}} will not be able to add more photos to the album, they will still be able to remove photos added by them",
+    "CHANGE_PERMISSIONS_TO_VIEWER": "<p>{{selectedEmail}} will not be able to add more photos to the album</p> <p>They will still be able to remove photos added by them</p>",
     "CHANGE_PERMISSIONS_TO_COLLABORATOR": "{{selectedEmail}} will be able to add photos to the album",
     "CONVERT_TO_VIEWER": "Yes, convert to viewer",
     "CONVERT_TO_COLLABORATOR": "Yes, convert to collaborator",
@@ -376,7 +376,7 @@
     "COLLABORATORS": "Collaborators",
     "VIEWERS": "Viewers",
     "OR_ADD_EXISTING": "or an add existing one",
-    "REMOVE_PARTICIPANT_MESSAGE": "{{selectedEmail}} will be removed from the album, Any photos added by them will also be removed from the album.",
+    "REMOVE_PARTICIPANT_MESSAGE": "<p>{{selectedEmail}} will be removed from the album</p> <p>Any photos added by them will also be removed from the album</p>",
 
 
     "NOT_FOUND": "404 - not found",

apps/photos/src/components/Collections/CollectionShare/ShareControl/ManageParticipantsRole.tsx

@@ -118,9 +118,14 @@ export default function ManageParticipantsRole({
     const removeParticipant = () => {
         appContext.setDialogMessage({
             title: t('REMOVE_PARTICIPANT'),
-            content: t(`REMOVE_PARTICIPANT_MESSAGE`, {
-                selectedEmail: selectedEmail,
-            }),
+            content: (
+                <Trans
+                    i18nKey="REMOVE_PARTICIPANT_MESSAGE"
+                    values={{
+                        selectedEmail: `${selectedEmail}`,
+                    }}
+                />
+            ),
             close: { text: t('CANCEL') },
             proceed: {
                 text: t('CONFIRM_REMOVE'),