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

ui/src/components/settings/PageAuthProviders.svelte

@@ -1,12 +1,15 @@
 <script>
     import ApiClient from "@/utils/ApiClient";
     import CommonHelper from "@/utils/CommonHelper";
+    import { pageTitle } from "@/stores/app";
     import { setErrors } from "@/stores/errors";
     import { addSuccessToast } from "@/stores/toasts";
     import SettingsSidebar from "@/components/settings/SettingsSidebar.svelte";
     import EmailAuthAccordion from "@/components/settings/EmailAuthAccordion.svelte";
     import AuthProviderAccordion from "@/components/settings/AuthProviderAccordion.svelte";
 
+    $pageTitle = "Auth providers";
+
     let emailAuthAccordion;
     let authSettings = {};
     let isLoading = false;
@@ -15,8 +18,6 @@
 
     $: hasChanges = initialHash != JSON.stringify(authSettings);
 
-    CommonHelper.setDocumentTitle("Auth providers");
-
     loadSettings();
 
     async function loadSettings() {
@@ -76,7 +77,7 @@
     <header class="page-header">
         <nav class="breadcrumbs">
             <div class="breadcrumb-item">Settings</div>
-            <div class="breadcrumb-item">Auth providers</div>
+            <div class="breadcrumb-item">{$pageTitle}</div>
         </nav>
     </header>