Sticky: fix max update depth error

[HelenaIsh]

Проблема

песочница

При открытии SidePage первого уровня скроллинг в низ не приводит к ошибке, но при открытии вложенного SidePage при проскролировании в самый низ сайдпейджа получаем ошибку бесконечного обновления
Проблема возникла после коммита, когда мы вынесли крестик в отдельный компонент.

Решение

Проблема оказалась в компоненте Sticky: раньше в SidePage мы рендерили

 <Sticky side="top" offset={stickyOffset}>
            {this.closeIcon}
</Sticky>

что не вызывало перерендера Sticky:

 public componentDidUpdate(prevProps: StickyProps, prevState: StickyState) {
    if (!shallowEqual(prevProps, this.props) ...

Но после того, как мы заменили на

<Sticky side="top" offset={stickyOffset}>
            <SidePageCloseButton />
</Sticky>

Sticky стал обновляться гораздо чаще.

Решила кэшировать <SidePageCloseButton /> как советуется здесь

Ссылки

fix IF-1494

Чек-лист перед запросом ревью

1. Добавлены тесты на все изменения
   ⬜ unit-тесты для логики
   ⬜ скриншоты для верстки и кросс-браузерности
   ✅ нерелевантно

2. Добавлена (обновлена) документация
   ⬜ styleguidist для пропов и примеров использования компонентов
   ⬜ jsdoc для утилит и хелперов
   ⬜ комментарии для неочевидных мест в коде
   ⬜ прочие инструкции (README.md, contributing.md и др.)
   ✅ нерелевантно

3. Изменения корректно типизированы
   ⬜ без использования any (см. PR 2856)
   ✅ нерелевантно

4. Прочее
   ✅ все тесты и линтеры на CI проходят
   ✅ в коде нет лишних изменений
   ✅ заголовок PR кратко и доступно отражает суть изменений (он попадет в changelog)