web: add og:title to head on all pages with custom title

web/src/routes/+page.svelte

@@ -8,6 +8,7 @@
 
 <svelte:head>
     <title>{$t("general.cobalt")}</title>
+    <meta property="og:title" content={$t("general.cobalt")} />
 </svelte:head>
 
 <div id="cobalt-save-container" class="center-column-container">
@@ -22,7 +23,8 @@
         <Omnibox />
     </main>
     <div id="terms-note">
-        {$t("save.terms.note.agreement")} <a href="/about/terms">{$t("save.terms.note.link")}</a>
+        {$t("save.terms.note.agreement")}
+        <a href="/about/terms">{$t("save.terms.note.link")}</a>
     </div>
 </div>
 

web/src/routes/donate/+page.svelte

@@ -16,6 +16,10 @@
     <title>
         {$t("tabs.donate")} ~ {$t("general.cobalt")}
     </title>
+    <meta
+        property="og:title"
+        content="{$t("tabs.donate")} ~ {$t("general.cobalt")}"
+    />
 </svelte:head>
 
 <div id="donate-page-wrapper">

web/src/routes/remux/+page.svelte

@@ -190,6 +190,10 @@
 
 <svelte:head>
     <title>{$t("tabs.remux")} ~ {$t("general.cobalt")}</title>
+    <meta
+        property="og:title"
+        content="{$t("tabs.remux")} ~ {$t("general.cobalt")}"
+    />
 </svelte:head>
 
 <DropReceiver id="remux-container" bind:draggedOver bind:file>

web/src/routes/updates/+page.svelte

@@ -82,6 +82,10 @@
     <title>
         {$t("tabs.updates")} ~ {$t("general.cobalt")}
     </title>
+    <meta
+        property="og:title"
+        content="{$t("tabs.updates")} ~ {$t("general.cobalt")}"
+    />
 </svelte:head>
 
 <svelte:window on:keydown={handleKeydown} />