Two-Tier Navigation with Profile Dropdown

This component implements a responsive two-tier navigation pattern with the following elements: - Top navbar with left logo/branding, center menu links, right search and profile dropdown - Mobile menu toggle button in top navbar - Mobile menu overlay with navigation and profile links - Page header with breadcrumbs, title, meta details, and action buttons - Main content area with tabs, content list, and pagination Some key features: - Flexbox and Grid for layouts - Mobile first responsive design - hover, focus, and active states - Accessible dropdowns, menus, and tabs - Utility classes like px, py, text, bg, rounded, etc to style elements - Component classes like navbar, button, input, etc. to construct UI