Workout Component - Copy this React, Tailwind Component to your project

1. Workout Component: Workout Plan Creation (PJ06): Allow users to create weekly workout plans based on their goals. Use input fields or dropdowns for workout type, duration, and muscle groups. Track Workout Progress (PJ08, PJ09): Provide a form or input fields for users to log repetitions, sets, and weights lifted. Display a workout history section showing past activities. Exercise Suggestions (PJ04, PJ05): Show exercises based on muscle groups and offer full body workout suggestions. Use buttons or a card layout to present these suggestions. Adjust Workout (PJ25, PJ24): Let users adjust workouts if they’re too easy or hard. Include a feedback section for user input on workout difficulty. Rest Days (PJ11): Provide an option to set rest days within their workout plan. Exercise Variations (PJ15): Add an option to show variations of exercises for more variety. The background color in dark mode is #111827, and #F3F4F6 in light mode. For header is #1F2937 in dark mode, and #FFFFFF in light mode. This is a sub components so i need the header as well. My header on the left side is the logo DREAMS, and 5 other components: Workout, Nutrition, Sleep, Achievement, and Sign in button. I also need the dark light mode button too