Modern Breadcrumbs UI

<nav class="flex items-center gap-4 text-xs font-bold uppercase tracking-[0.2em] text-slate-400">
        <a href="#" class="hover:text-black transition-colors">Workspace</a>
        <div class="w-1.5 h-1.5 bg-slate-200 rounded-full"></div>
        <a href="#" class="hover:text-black transition-colors">Design</a>
        <div class="w-1.5 h-1.5 bg-slate-200 rounded-full"></div>
        <span
            class="text-indigo-600 bg-indigo-50 px-4 py-1.5 rounded-full italic tracking-tighter lowercase text-sm">active_project_01</span>
    </nav>