added results info

docs/q/agile-compass.json

@@ -291,5 +291,6 @@
         }
       ]
     }
-  ]
+  ],
+  "resultsInfo": "<p><strong>личная сфера</strong>— если результат ≤ 8, то это говорит о:</p><ul type=\"square\"><li>усталость</li><li>выгорание</li><li>депрессия</li></ul><p><strong>социальная сфера</strong> — если результат ≤ 8, то это говорит о:</p><ul type=\"square\"><li>отсутствие поддержки от близких</li><li>узкий круг общения (замкнутость)</li></ul><p><strong>корпоративная сфера</strong> — если результат ≤ 8, то это говорит о:</p><ul type=\"square\"><li>тревога, неуверенность в завтрашнем дне</li><li>тяжелые жизненные обстоятельства</li><li>необходимость в профессиональном развитии</li></ul>"
 }

docs/q/beck-depression.json

@@ -489,5 +489,6 @@
         }
       ]
     }
-  ]
+  ],
+  "resultsInfo": "В зависимости от того, сколько баллов вы набрали, можно предположить следующее.<br/><br/>0–13 — депрессивных симптомов нет. С вашим психическим здоровьем всё в порядке.<br/>14–19 — вероятна лёгкая депрессия (субдепрессия).<br/>20–28 — умеренная депрессия.<br/>29–63 — тяжёлая депрессия. Состояние тем сложнее, чем больше количество баллов."
 }

survey/src/components/survey/Survey.tsx

@@ -6,6 +6,7 @@ import {Box, Button, Paper, Step, StepContent, StepLabel, Stepper, Typography} f
 import {store} from "../../store/store";
 import {addAnswer, setContents} from "../../store/actions/data";
 import {ResultByGroup} from "../../store/initialState";
+import If from "../utils/If";
 
 interface Props {
     survey: SurveyDto | undefined
@@ -140,6 +141,7 @@ const Survey: React.FC<Props> = ({survey}) => {
                                 )}
                             </ul>
                         </div>
+                        <div dangerouslySetInnerHTML={{__html: prepare(preparedSurvey?.resultsInfo)}}></div>
                         <Button onClick={handleReset} sx={{mt: 1, mr: 1}}>
                             Reset
                         </Button>