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

4. Achievement Component: Achievement Badges (PJ27): Show a list of possible achievements and display unlocked badges when a user hits milestones. Use graphical icons to represent these badges. Progress Reports (PJ23): Display a summary of workout progress (e.g., weight lifted, personal bests) in a visually appealing chart or progress bar format. Set Challenges (PJ28): Allow users to create and track daily or weekly fitness challenges. Include input fields for challenge name, goal, and progress. This is a sub folder so I need to have the header on top which has: the logo DREAMS on the left, the 4 list elements (workout, nutrition, sleep, achievement) and also dark mode and light mode. 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