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

ui/src/components/users/PageUsers.svelte

@@ -3,6 +3,7 @@
     import ApiClient from "@/utils/ApiClient";
     import CommonHelper from "@/utils/CommonHelper";
     import tooltip from "@/actions/tooltip";
+    import { pageTitle } from "@/stores/app";
     import Searchbar from "@/components/base/Searchbar.svelte";
     import RefreshButton from "@/components/base/RefreshButton.svelte";
     import SortHeader from "@/components/base/SortHeader.svelte";
@@ -16,6 +17,8 @@
     const queryParams = CommonHelper.getQueryParams(window.location?.href);
     const excludedProfileFields = ["id", "userId", "created", "updated"];
 
+    $pageTitle = "Users";
+
     let userUpsertPanel;
     let collectionUpsertPanel;
     let recordUpsertPanel;
@@ -44,8 +47,6 @@
         (field) => !excludedProfileFields.includes(field.name)
     );
 
-    CommonHelper.setDocumentTitle("Users");
-
     loadProfilesCollection();
 
     export async function loadUsers(page = 1) {
@@ -111,7 +112,7 @@
     <main class="page-wrapper">
         <header class="page-header">
             <nav class="breadcrumbs">
-                <div class="breadcrumb-item">Users</div>
+                <div class="breadcrumb-item">{$pageTitle}</div>
             </nav>
 
             <button