Add warning/note when removing devices

frontend/locales/en.json

@@ -102,7 +102,8 @@
       "heading": "The email address {{email}} is already in use."
     },
     "end_session_button": {
-      "confirmation_modal_title": "Are you sure you want to end this session?",
+      "confirmation_modal_title": "Are you sure you want to remove this device?",
+      "confirmation_modal_body_text": "Make sure you always have access to another verified device or your recovery key to avoid losing your encrypted chat history.",
       "text": "Remove device"
     },
     "error": {

frontend/locales/pt-BR.json

@@ -125,7 +125,7 @@
       "heading": "The email address {{email}} is already in use."
     },
     "end_session_button": {
-      "confirmation_modal_title": "Are you sure you want to end this session?",
+      "confirmation_modal_title": "Are you sure you want to remove this device?",
       "text": "Remove device"
     },
     "error": {
@@ -398,4 +398,4 @@
       "view_profile": "Veja as informações do seu perfil e os seus dados de contato."
     }
   }
-}
+}

frontend/locales/sk.json

@@ -125,7 +125,7 @@
       "heading": "The email address {{email}} is already in use."
     },
     "end_session_button": {
-      "confirmation_modal_title": "Are you sure you want to end this session?",
+      "confirmation_modal_title": "Are you sure you want to remove this device?",
       "text": "Remove device"
     },
     "error": {
@@ -398,4 +398,4 @@
       "view_profile": "Zobraziť informácie o vašom profile a kontaktné údaje"
     }
   }
-}
+}

frontend/src/components/Session/EndSessionButton.tsx

@@ -44,6 +44,10 @@ const EndSessionButton: React.FC<
         {t("frontend.end_session_button.confirmation_modal_title")}
       </Dialog.Title>
 
+      <Dialog.Description>
+        {t("frontend.end_session_button.confirmation_modal_body_text")}
+      </Dialog.Description>
+
       {children && <Dialog.Description asChild>{children}</Dialog.Description>}
 
       <Button