fix: bad serialization of multiparted data

modules/frontend/src/pages/SettingsPage/SettingsPage.tsx

@@ -55,23 +55,32 @@ export const SettingsPage: React.FC = () => {
   setUploading(true);
   setError(null);
 
+  // Создаем FormData строго по спецификации
   const formData = new FormData();
-    formData.append("file", file);
+  formData.append("image", file);
 
   try {
+    // Используем fetch напрямую или убеждаемся, что клиент принимает FormData
     const res = await postMediaUpload({
+      // @ts-ignore - обходим строгую типизацию тела, если она ожидает объект
       body: formData, 
-        // Сбрасываем заголовок, чтобы браузер сам поставил multipart/form-data + boundary
+      headers: {
-        headers: { "Content-Type": undefined as any, "X-XSRF-TOKEN": xsrfToken },
+        // УДАЛЯЕМ Content-Type вообще. 
+        // Если оставить undefined, некоторые клиенты могут подставить 'application/json'.
+        // Нам нужно, чтобы заголовок отсутствовал в объекте headers, 
+        // тогда fetch сам выставит multipart/form-data с boundary.
+        "X-XSRF-TOKEN": xsrfToken,
+      },
     });
 
     if (res.data && res.data.id) {
       setAvatarId(res.data.id);
-        setAvatarUrl(res.data.image_path ?? null); // Для мгновенного превью
+      setAvatarUrl(res.data.image_path ?? null);
       setSuccess("Image uploaded!");
     }
   } catch (err: any) {
-      setError("Failed to upload image");
+    console.error("Upload error:", err);
+    setError("Upload failed. Check if the file is an image.");
   } finally {
     setUploading(false);
   }