script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script src="https://unpkg.com/@highlightjs/cdn-assets@11.7.0/highlight.min.js"></script>

<script type="text/babel">
    function App() {
        const [chapters, setChapters] = React.useState([
            {
                number: 0,
                title: "Consumer Groups",
                description: `
                <p>Consumer groups le