Debate Forum Page - Copy this React, Tailwind Component to your project

Please create a redesign for the debate forum page while keeping all its current functionalities intact. The page should still include a header with a prominent navigation button on the left, a centered main title, and a relevant subtitle underneath. The statistics panel showing 'Online Debaters,' 'Most Liked Debater,' and 'Most Disliked Debater' should remain, but with a modern and engaging design. The debate area should continue to display messages in rectangular boxes with the debater's name, message content, like and report icons, and a timestamp. Additionally, the text input area and 'Send' button at the bottom should be redesigned to look sleeker and more modern. Update the overall color scheme, typography, and style to reflect a clean and accessible design, incorporating elements like gradients, shadows, or animations to enhance the user experience while ensuring good readability and alignment.