minor ui improvements and upgraded dependencies

ui/src/components/admins/PageAdmins.svelte

@@ -44,7 +44,7 @@
                 isLoading = false;
             })
             .catch((err) => {
-                if (err !== null) {
+                if (!err?.isAbort) {
                     isLoading = false;
                     console.warn(err);
                     clearList();

ui/src/components/base/RefreshButton.svelte

@@ -18,7 +18,6 @@
 
         clearTimeout(refreshTimeoutId);
         refreshTimeoutId = setTimeout(() => {
-            clearTimeout(refreshTimeoutId);
             refreshTimeoutId = null;
             tooltipData = oldTooltipData;
         }, 200);
@@ -45,8 +44,7 @@
             transform: rotate(180deg);
         }
     }
-
     .btn.refreshing i {
-        animation: refresh 200ms linear infinite;
+        animation: refresh 200ms linear;
     }
 </style>

ui/src/components/logs/LogViewPanel.svelte

@@ -1,12 +1,12 @@
 <script>
-    import { Request } from "pocketbase";
+    import { LogRequest } from "pocketbase";
     import CommonHelper from "@/utils/CommonHelper";
     import CodeBlock from "@/components/base/CodeBlock.svelte";
     import FormattedDate from "@/components/base/FormattedDate.svelte";
     import OverlayPanel from "@/components/base/OverlayPanel.svelte";
 
     let logPanel;
-    let item = new Request();
+    let item = new LogRequest();
 
     export function show(model) {
         item = model;

ui/src/components/logs/LogsChart.svelte

@@ -56,7 +56,7 @@
                 });
             })
             .catch((err) => {
-                if (err !== null) {
+                if (!err?.isAbort) {
                     resetData();
                     console.warn(err);
                     ApiClient.errorResponseHandler(err, false);

ui/src/components/logs/LogsList.svelte

@@ -49,7 +49,7 @@
                 dispatch("load", items);
             })
             .catch((err) => {
-                if (err !== null) {
+                if (!err?.isAbort) {
                     isLoading = false;
                     console.warn(err);
                     clearList();

ui/src/components/records/RecordsList.svelte

@@ -60,7 +60,7 @@
                 dispatch("load", records);
             })
             .catch((err) => {
-                if (err !== null) {
+                if (!err?.isAbort) {
                     isLoading = false;
                     console.warn(err);
                     clearList();

ui/src/components/users/PageUsers.svelte

@@ -66,7 +66,7 @@
                 totalItems = result.totalItems;
             })
             .catch((err) => {
-                if (err !== null) {
+                if (!err?.isAbort) {
                     isLoadingUsers = false;
                     console.warn(err);
                     clearList();

ui/src/scss/_layout.scss

@@ -283,7 +283,6 @@
     display: flex;
     align-items: center;
     gap: 30px;
-    user-select: none;
     color: var(--txtDisabledColor);
     .breadcrumb-item {
         @extend h2;

ui/src/utils/ApiClient.js

@@ -27,12 +27,12 @@ PocketBase.prototype.logout = function(redirect = true) {
  * @param  {String}  defaultMsg Default toast notification message if the error doesn't have one.
  */
 PocketBase.prototype.errorResponseHandler = function(err, notify = true, defaultMsg = '') {
-    if (!err || !(err instanceof Error)) {
+    if (!err || !(err instanceof Error) || err.isAbort) {
         return;
     }
 
-    const statusCode = (err?.response?.status << 0) || 400;
-    const responseData = err?.response?.data || {};
+    const statusCode = (err?.status << 0) || 400;
+    const responseData = err?.data || {};
 
     // add toast error notification
     if (