feat(appearance): accent color, corners, wide layout and game art background

src/hooks/useSaveAppearance.js

@@ -0,0 +1,35 @@
+import {useCallback} from 'react';
+import {useTranslation} from 'react-i18next';
+import {toast} from 'sonner';
+import {usePreferences} from '../context/PreferencesContext.jsx';
+import useSessionExpired from './useSessionExpired.js';
+
+/**
+ * Returns `save(changes)`: changeAppearance plus the error messages and the session end on a 401. Resolves to
+ * true when saved.
+ */
+export default function useSaveAppearance() {
+    const {t} = useTranslation();
+    const {changeAppearance} = usePreferences();
+    const expireSession = useSessionExpired();
+
+    return useCallback(async (changes) => {
+        try {
+            const response = await changeAppearance(changes);
+            if (!response) return false;
+            if (response.status === 401) {
+                expireSession();
+                return false;
+            }
+            if (!response.ok) {
+                toast.error(t('SETTINGS.ERROR_SAVE'));
+                return false;
+            }
+            return true;
+        } catch (err) {
+            console.error('Appearance save error:', err);
+            toast.error(t('INFO.ERROR.NETWORK_FAILURE'));
+            return false;
+        }
+    }, [changeAppearance, expireSession, t]);
+}