Two-tier navigation with search bar

This component implements a two-tier navigation menu with a prominent search bar in the header. It has both desktop and mobile views. The top navigation menu is fixed and contains logo, search bar, notifications icon, and profile dropdown on desktop. The hamburger menu toggles a mobile sidebar. The sidebar on desktop shows the secondary navigation links. The mobile menu displays the same secondary links in a dropdown. It uses Tailwind utility classes like flex, grid, whitespace, sizing, borders, typography, backgrounds, effects, and components like forms, buttons, and dropdowns.