Контекст в функциях (useContext)
В этом задании мы заменим чтение контекста через Consumer на хук useContext — в функциональных компонентах так проще и короче.
Сейчас ThemeBadge использует ThemeContext.Consumer: передаётся функция, которая получает значение и возвращает разметку. Это рабочий способ, но он добавляет вложенность и лишний компонент в дереве. В функциональных компонентах с React 16.8 контекст удобнее читать через хук useContext: одна строка, значение сразу в переменной, без обёртки и render-prop.
Было (Consumer):