<p>В React-приложении есть проблема с горизонтальным переполнением (overflow) в компоненте SessionActiveRequests, который вызывает появление глобального горизонтального скролла на странице.</p><p>Структура компонентов:</p><p>MainPage - основной контейнер с overflow-hidden</p><p>SessionActiveRequests - проблемный компонент, вызывает горизонтальное переполнение</p><p>Проблема:</p><p>Компонент SessionActiveRequests содержит список карточек активных запросов, который должен иметь внутренний горизонтальный скролл при переполнении. Однако вместо этого компонент расширяется за пределы родительского контейнера, создавая глобальный горизонтальный скролл на всей странице.</p><p>Текущая реализация:</p><p>Родительский контейнер имеет flex, min-w-0, overflow-x-hidden</p><p>SessionActiveRequests имеет внутренний div с overflow-x-auto</p><p>При большом количестве карточек или длинных заголовках происходит переполнение</p><p>Требуется:</p><p>Исправить горизонтальное переполнение так, чтобы SessionActiveRequests не выходил за пределы родительского контейнера</p><p>Сохранить внутренний горизонтальный скролл для списка карточек запросов</p><p>Убедиться, что кнопка "Запрос" остается видимой и не сжимается</p><p>Решение должно работать с Tailwind CSS</p><p>Стек:</p><p>Next.js</p><p>React</p><p>TypeScript</p><p>Tailwind CSS</p><p>Код компонентов прилагается.</p>
