Add missing error message on settings change error

src/components/settings/downloads/DownloadAheadSetting.tsx

@@ -39,7 +39,7 @@ export const DownloadAheadSetting = ({
     const updateSetting = (value: MetadataDownloadSettings['downloadAheadLimit']) => {
         persistDownloadAheadLimit(value === 0 ? currentDownloadAheadLimit : value);
         updateMetadataServerSettings('downloadAheadLimit', value).catch(() =>
-            makeToast(t('search.error.label.failed_to_save_settings'), 'warning'),
+            makeToast(t('global.error.label.failed_to_save_changes'), 'error'),
         );
     };
 

src/components/settings/webUI/WebUIUpdateIntervalSetting.tsx

@@ -16,6 +16,7 @@ import { requestManager } from '@/lib/requests/RequestManager.ts';
 import { NumberSetting } from '@/components/settings/NumberSetting.tsx';
 import { getPersistedServerSetting, usePersistedValue } from '@/util/usePersistedValue.tsx';
 import { ServerSettings } from '@/typings.ts';
+import { makeToast } from '@/components/util/Toast.tsx';
 
 const DEFAULT_VALUE = 23;
 const MIN_VALUE = 1;
@@ -44,7 +45,9 @@ export const WebUIUpdateIntervalSetting = ({
             persistUpdateCheckInterval(
                 webUIUpdateCheckInterval === 0 ? currentUpdateCheckInterval : webUIUpdateCheckInterval,
             );
-            mutateSettings({ variables: { input: { settings: { webUIUpdateCheckInterval } } } });
+            mutateSettings({ variables: { input: { settings: { webUIUpdateCheckInterval } } } }).catch(() =>
+                makeToast(t('global.error.label.failed_to_save_changes'), 'error'),
+            );
         },
         [currentUpdateCheckInterval],
     );

src/screens/settings/Backup.tsx

@@ -100,7 +100,9 @@ export function Backup() {
         setting: Setting,
         value: BackupSettingsType[Setting],
     ) => {
-        mutateSettings({ variables: { input: { settings: { [setting]: value } } } });
+        mutateSettings({ variables: { input: { settings: { [setting]: value } } } }).catch(() =>
+            makeToast(t('global.error.label.failed_to_save_changes'), 'error'),
+        );
     };
 
     useEffect(() => {

src/screens/settings/BrowseSettings.tsx

@@ -26,6 +26,7 @@ import {
 import { LoadingPlaceholder } from '@/components/util/LoadingPlaceholder.tsx';
 import { EmptyViewAbsoluteCentered } from '@/components/util/EmptyViewAbsoluteCentered.tsx';
 import { defaultPromiseErrorHandler } from '@/util/defaultPromiseErrorHandler.ts';
+import { makeToast } from '@/components/util/Toast.tsx';
 
 type ExtensionsSettings = Pick<GqlServerSettings, 'maxSourcesInParallel' | 'localSourcePath' | 'extensionRepos'>;
 
@@ -55,13 +56,17 @@ export const BrowseSettings = () => {
         setting: Setting,
         value: ExtensionsSettings[Setting],
     ) => {
-        mutateSettings({ variables: { input: { settings: { [setting]: value } } } });
+        mutateSettings({ variables: { input: { settings: { [setting]: value } } } }).catch(() =>
+            makeToast(t('global.error.label.failed_to_save_changes'), 'error'),
+        );
     };
 
     const {
         settings: { hideLibraryEntries },
     } = useMetadataServerSettings();
-    const updateMetadataServerSettings = createUpdateMetadataServerSettings<keyof MetadataBrowseSettings>();
+    const updateMetadataServerSettings = createUpdateMetadataServerSettings<keyof MetadataBrowseSettings>(() =>
+        makeToast(t('global.error.label.failed_to_save_changes'), 'error'),
+    );
 
     if (loading) {
         return <LoadingPlaceholder />;

src/screens/settings/ServerSettings.tsx

@@ -137,7 +137,9 @@ export const ServerSettings = () => {
         setting: Setting,
         value: ServerSettingsType[Setting],
     ) => {
-        mutateSettings({ variables: { input: { settings: { [setting]: value } } } });
+        mutateSettings({ variables: { input: { settings: { [setting]: value } } } }).catch(() =>
+            makeToast(t('global.error.label.failed_to_save_changes'), 'error'),
+        );
     };
 
     const localSettings = useMemo(