fix checkbox

src/pages/PersonalizationAI/GenderAndAgeSelector.tsx

@@ -1,7 +1,7 @@
 import { Box, FormControl, FormLabel, Checkbox, FormControlLabel, useTheme, Button, useMediaQuery } from "@mui/material";
 import CheckboxIcon from "@icons/Checkbox";
 import AgeInputWithSelect from "./AgeInputWithSelect";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 
 interface GenderAndAgeSelectorProps {
   gender: string;
@@ -27,6 +27,23 @@ export default function GenderAndAgeSelector({
   const [maleChecked, setMaleChecked] = useState(false);
   const [femaleChecked, setFemaleChecked] = useState(false);
 
+  // Синхронизируем состояние чекбоксов с пропсом gender
+  useEffect(() => {
+    if (gender === '1') {
+      setMaleChecked(true);
+      setFemaleChecked(false);
+    } else if (gender === '0') {
+      setMaleChecked(false);
+      setFemaleChecked(true);
+    } else if (gender === '2') {
+      setMaleChecked(true);
+      setFemaleChecked(true);
+    } else {
+      setMaleChecked(false);
+      setFemaleChecked(false);
+    }
+  }, [gender]);
+
   const handleGenderChange = (type: 'male' | 'female', checked: boolean) => {
     if (type === 'male') {
       setMaleChecked(checked);