refactor(limits): server limits in one file, own texts for unknown errors

src/pages/SettingsPage.jsx

@@ -32,6 +32,7 @@ import {apiFetch, refreshSession} from '../utils/api.js';
 import {hasSession, markSession} from '../utils/auth.js';
 import {FAVORITE_PLATFORMS, saveFavoritePlatform} from '../utils/platforms.js';
 import {LANGUAGES, saveSettings} from '../utils/settings.js';
+import {MAX_DISPLAY_NAME_LENGTH} from '../utils/limits.js';
 
 const BACKEND_ERROR_KEY = {
     DISPLAY_NAME_ALREADY_IN_USE: 'SETTINGS.ERROR_DISPLAY_NAME_IN_USE',
@@ -158,7 +159,7 @@ export default function SettingsPage() {
             if (!response.ok) {
                 const data = await response.json().catch(() => ({}));
                 const mappedKey = BACKEND_ERROR_KEY[data.code];
-                toast.error(mappedKey ? t(mappedKey) : data.message || t('SETTINGS.ERROR_SAVE'));
+                toast.error(t(mappedKey ?? 'SETTINGS.ERROR_SAVE'));
                 return {ok: false};
             }
 
@@ -393,7 +394,7 @@ export default function SettingsPage() {
                             <Input
                                 id="displayName"
                                 type="text"
-                                maxLength={24}
+                                maxLength={MAX_DISPLAY_NAME_LENGTH}
                                 placeholder={t('SETTINGS.DISPLAY_NAME_PLACEHOLDER')}
                                 aria-invalid={!!errors.displayName}
                                 {...register('displayName')}