User Preferences - Copy this React, Tailwind Component to your project

<div-className="mt-8">-<h2-className="text-xl-font-bold-mb-4">Favorite-Genres</h2>-<div-className="flex-flex-wrap-gap-2">-{favoriteGenres.map((genre)-=>-(-<span-key={genre}-className="px-3-py-1-bg-green-500-bg-opacity-20-rounded-full-text-sm">-{genre}-</span>-))}-</div>-</div>-add-another-section-above-this-whole-section-with-a-chart-with-user-preferences:-danceability,-energy,-mode,-speechiness,-acousticness,-instrumentalness,-liveness,-valence