Two-Tiered Breadcrumb Navigation with Active State

This component displays a two-tiered breadcrumb navigation with the current page highlighted. It uses Tailwind CSS utilities like flex, space-x-4, rounded-md, px-6, and text-gray-500 to style the breadcrumbs. The two tiers are created using nested <ol> and <li> elements. The first tier links to the home page, while the second links to a general "Projects" page. The active third breadcrumb links to the current "Project Nero" page and is styled with text-gray-700 to show it is active.