Show crypto version in developer settings

Author: hughns

public/locales/en-GB/app.json

@@ -59,6 +59,7 @@
     "username": "Username",
     "video": "Video"
   },
+  "crypto_version": "Crypto version: {{version}}",
   "device_id": "Device ID: {{id}}",
   "disconnected_banner": "Connectivity to the server has been lost.",
   "full_screen_view_description": "<0>Submitting debug logs will help us track down the problem.</0>",
@@ -156,7 +157,7 @@
   "unauthenticated_view_eula_caption": "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>",
   "unauthenticated_view_login_button": "Login to your account",
   "unmute_microphone_button_label": "Unmute microphone",
-  "version": "Version: {{version}}",
+  "version": "{{productName}} version: {{version}}",
   "video_tile": {
     "always_show": "Always show",
     "change_fit_contain": "Fit to frame",

src/settings/SettingsModal.tsx

@@ -241,9 +241,15 @@ export const SettingsModal: FC<Props> = ({
     >
       <p>
         {t("version", {
+          productName: import.meta.env.VITE_PRODUCT_NAME || "Element Call",
           version: import.meta.env.VITE_APP_VERSION || "dev",
         })}
       </p>
+      <p>
+        {t("crypto_version", {
+          version: client.getCrypto()?.getVersion() || "unknown",
+        })}
+      </p>
       <p>
         {t("matrix_id", {
           id: client.getUserId() || "unknown",