Нужно доработать страницу мобильного приложения Shopping list (см скриншот ниже). Страница уже частично разработана, нужно лишь внести небольшие правки,

а именно:

1. Сделать так, что при нажатии на таб "Shopping" должны показываться только те рецепты, у которых отмечены (checked) не все ингредиенты. А при нажатии на таб "Ordered" только те рецепты, у которых отмечены полностью все ингредиенты (checked). Таб "All" должен быть выбран по умолчанию и показывать все рецепты (и рецепты с таба "Shopping" и рецепты с таба "Ordered")
2. Соединить слайдер наверху страницы "Shopping list" с рецептами ниже. То есть в слайдере должен быть в фокусе тот слайд , фото которого соответствует рецепту у которого открыты ингредиенты (иначе говоря открыт accordion с ингредиентами) . Так и наоборот, если пользователь будет листать этот горизонтальный слайдер, то должен автоматически раскрываться accordion рецепта, фото которого сейчас находится в фокусе в слайдере.
3. Сделать все стили, размеры шрифтов, иконки, отступы итд - все как на дизайне (так как сейчас эта страница не соответсвует полностью дизайну, существуют много мелких несоответствий).

Дедлайн до 29.10.2023