base commit

client/src/widgets/reviews-block/ui/ReviewsBlock.tsx

@@ -10,6 +10,7 @@ import Typography from '@mui/material/Typography'
 import { useQuery } from '@tanstack/react-query'
 import { Link as RouterLink } from 'react-router-dom'
 import { fetchLatestApprovedReviews } from '@/entities/product/api/reviews-api'
+import { RichTextMessageContent } from '@/shared/ui/RichTextMessageContent'
 
 function initials(display: string) {
   const s = display.trim()
@@ -105,9 +106,9 @@ export function ReviewsBlock() {
                     </Box>
                   </Stack>
 
-                  <Typography color="text.secondary" sx={{ whiteSpace: 'pre-wrap', flex: 1 }}>
-                    {text}
-                  </Typography>
+                  <Box sx={{ color: 'text.secondary', flex: 1 }}>
+                    <RichTextMessageContent value={text} />
+                  </Box>
                 </Stack>
                 {r.imageUrl && (
                   <Box