"className={`block w-full text-left px-3 py-2 text-sm rounded border-l-2 ${currentView === 'quests' ? 'bg-gray-800 text-white border-sky-400' : 'text-sky-300 hover:bg-gray-800 border-sky-500'}`}"

I still don't like #tailwind. How can this _ever_ be better than

"className={`menu-item${currentView === 'quests'? ' active' : ''}`}

Or did that implementation use tailwind wrong? OTOH, I saw stuff like that with tailwind quite often already...