Fix/VolunteerDetailsPage - разбитие страниц на секции

[MatthewKhitrov]

Нужно выполнить рефакторинг страницы VolunteerDetailsPage, а именно разнести страницу по секциям. Сейчас весь код страницы на самой странице. Макету Figma ссылка на макет

Что нужно сделать:

1. Нужно разбить код страницы по секциям. Секции должны лежать по пути production-public-app\src\components\SectionDetailsContent
2. После выполнить проверки на наличие ошибок с помощью команд: yarn build, yarn lint, yarn test. Ошибок быть не должно
3. Проверить работоспособность StoryBook
4. Проверить отображение на локальном сервере
5. После завершения работы нужно создать PR с веткой develop
6. Прикрепить ссылку на PR в комментарии к этой задаче

Где работать:

1. Страница находится по адресу src\routes\TasksPage\TaskDetailsPage\TaskDetailsPage.tsx
2. Использовать для работы ветку Fix/VolunteerDetailsPage
3. Репозиторий для работы production-public-app

[theCrowling]

@MatthewKhitrov Привет! Я правильно понимаю, что тут "Страница находится по адресу src\routes\TasksPage\TaskDetailsPage\TaskDetailsPage.tsx" ошибка в пути и нужно идти на страницу "src\routes\VolunteersPage\VolunteerDetailsPage\VolunteerDetailsPage.tsx"?

[Den4ikgo2]

Привет! Да действительно ошибка в описании путь должен быть src\routes\VolunteersPage\VolunteerDetailsPage\

[theCrowling]

И еще тут верстка поехала без стилей, это норм или подправить нужно?

[theCrowling]

https://github.com/ProCharity-Practicum/production-public-app/pull/137

[Den4ikgo2]

Было бы хорошо подправить