added the app name in the document title and fixed the double initial load on records list

ui/src/components/settings/PageMail.svelte

@@ -2,6 +2,7 @@
     import { slide } from "svelte/transition";
     import ApiClient from "@/utils/ApiClient";
     import CommonHelper from "@/utils/CommonHelper";
+    import { pageTitle } from "@/stores/app";
     import { addSuccessToast } from "@/stores/toasts";
     import Field from "@/components/base/Field.svelte";
     import ObjectSelect from "@/components/base/ObjectSelect.svelte";
@@ -13,6 +14,8 @@
         { label: "Always", value: true },
     ];
 
+    $pageTitle = "Mail settings";
+
     let formSettings = {};
     let isLoading = false;
     let isSaving = false;
@@ -20,8 +23,6 @@
 
     $: hasChanges = initialHash != JSON.stringify(formSettings);
 
-    CommonHelper.setDocumentTitle("Mail settings");
-
     loadSettings();
 
     async function loadSettings() {
@@ -70,7 +71,7 @@
     <header class="page-header">
         <nav class="breadcrumbs">
             <div class="breadcrumb-item">Settings</div>
-            <div class="breadcrumb-item">Mail settings</div>
+            <div class="breadcrumb-item">{$pageTitle}</div>
         </nav>
     </header>