about: Mark strings for translation.

Signed-off-by: Anders Kaseorg <anders@zulip.com>

app/renderer/about.html

@@ -6,21 +6,4 @@
 <div class="about" hidden>
   <img class="logo" src="../resources/zulip.png" />
   <p class="detail" id="version"></p>
-  <div class="maintenance-info">
-    <p class="detail maintainer">
-      Maintained by
-      <a href="https://zulip.com" target="_blank" rel="noopener noreferrer"
-        >Zulip</a
-      >
-    </p>
-    <p class="detail license">
-      Available under the
-      <a
-        href="https://github.com/zulip/zulip-desktop/blob/main/LICENSE"
-        target="_blank"
-        rel="noopener noreferrer"
-        >Apache 2.0 License</a
-      >
-    </p>
-  </div>
 </div>

app/renderer/js/pages/about.ts

@@ -1,6 +1,9 @@
 import {app} from "@electron/remote";
 
+import {Html, html} from "../../../common/html.js";
 import {bundleUrl} from "../../../common/paths.js";
+import * as t from "../../../common/translation-util.js";
+import {generateNodeFromHtml} from "../components/base.js";
 
 export class AboutView {
   static async create(): Promise<AboutView> {
@@ -16,6 +19,32 @@ export class AboutView {
     const $shadow = this.$view.attachShadow({mode: "open"});
     $shadow.innerHTML = templateHtml;
     $shadow.querySelector("#version")!.textContent = `v${app.getVersion()}`;
+    const maintenanceInfoHtml = html`
+      <div class="maintenance-info">
+        <p class="detail maintainer">
+          ${new Html({
+            html: t.__("Maintained by {{{link}}}Zulip{{{endLink}}}", {
+              link: '<a href="https://zulip.com" target="_blank" rel="noopener noreferrer">',
+              endLink: "</a>",
+            }),
+          })}
+        </p>
+        <p class="detail license">
+          ${new Html({
+            html: t.__(
+              "Available under the {{{link}}}Apache 2.0 License{{{endLink}}}",
+              {
+                link: '<a href="https://github.com/zulip/zulip-desktop/blob/main/LICENSE" target="_blank" rel="noopener noreferrer">',
+                endLink: "</a>",
+              },
+            ),
+          })}
+        </p>
+      </div>
+    `;
+    $shadow
+      .querySelector(".about")!
+      .append(generateNodeFromHtml(maintenanceInfoHtml));
   }
 
   destroy() {