Quiz Interface - Copy this React, Tailwind Component to your project

"Design a clean and user friendly quiz website interface where users can answer multiple choice questions. The layout should be simple and intuitive with the following features: 1. Question Navigation Panel (Left Side): Display numbered buttons for each question. Users should be able to click on any question number to jump directly to that question on the main screen. Show current question progress, with an indication for unanswered questions. 2. Question Content Area (Right Side): The main section should display each question's text and multiple choice answer options. Include different question types, such as audio based questions (with a play/pause button for audio). Questions should be presented with four answer options, allowing only one selection per question. Provide a 'Next' and 'Back' button for users to navigate between questions sequentially. 3. Footer and Additional Elements: Include a "Submit" button at the bottom of the navigation panel for easy access when users finish answering. Optionally, include a "Help" or "Feedback" button at the bottom right for user support. The design should have a professional, clean look with consistent font and color choices that are easy on the eyes. Create a minimalistic and modern aesthetic, focusing on usability and user experience."